body{background:#fff;margin:0; padding:0;font-family:Microsoft YaHei,"微软雅黑"; color:#555;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:normal;}
ul,ol,li,dl,dt,dd{margin:0; padding:0; list-style:none;}
img{border:0;padding:0; margin:0; }
td{padding:0; margin:0; border:0;}
p{ padding:0; margin:0;border:0;}
form,pre,fleldset,input,textarea{margin:0; padding:0;}
a{text-decoration:none;}
a:link,a:visited,a:active{color:#555;text-decoration:none;}
a:hover{color:#555; text-decoration:none;}

.myheight p{ line-height:25px; font-size:14px;}

.thumbnail_left {display:block; background:none;}
.thumbnail_left > img,.thumbnail_left a > img {border:none; float:left;}
.thumbnail_left > img,.thumbnail_left a > img {display:block;  max-width:100%; height:auto;}

.thumbnail_mid {display:block; background:none;}
.thumbnail_mid > img,.thumbnail_mid a > img {border:none; margin-left:auto; margin-right:auto;}
.thumbnail_mid > img,.thumbnail_mid a > img {display:block;  max-width:100%; height:auto;}

.thumbnail_right {display:block; background:none;}
.thumbnail_right > img,.thumbnail_right a > img {border:none; float:right;}
.thumbnail_right > img,.thumbnail_right a > img {display:block;  max-width:100%; height:auto;}

.ma10{ margin-top:10px; margin-bottom:10px;}
.ma10_1{ margin-top:10px;}
.ma10_2{ margin-bottom:10px;}
.ma20{ margin-top:20px; margin-bottom:20px;}
.ma20_1{ margin-top:20px;}
.ma20_2{ margin-bottom:20px;}
.ma30{ margin-top:30px; margin-bottom:30px;}
.ma30_1{ margin-top:30px;}
.ma30_2{ margin-bottom:30px;}
.ma40{ margin-top:40px; margin-bottom:40px;}
.ma40_1{ margin-top:40px;}
.ma40_2{ margin-bottom:40px;}
.ma50{ margin-top:50px; margin-bottom:50px;}
.ma50_1{ margin-top:50px;}
.ma50_2{ margin-bottom:50px;}

.pa10{ padding-top:10px; padding-bottom:10px;}
.pa10_1{ padding-top:10px;}
.pa10_2{ padding-bottom:10px;}
.pa20{ padding-top:20px; padding-bottom:20px;}
.pa20_1{ padding-top:20px;}
.pa20_2{ padding-bottom:20px;}
.pa20_4{ padding:20px;}
.pa30{ padding-top:30px; padding-bottom:30px;}
.pa30_1{ padding-top:30px;}
.pa30_2{ padding-bottom:30px;}
.pa40{ padding-top:40px; padding-bottom:40px;}
.pa40_1{ padding-top:40px;}
.pa40_2{ padding-bottom:40px;}
.pa40_4{ padding:40px;}
.pa50{ padding-top:50px; padding-bottom:50px;}
.pa50_1{ padding-top:50px;}
.pa50_2{ padding-bottom:50px;}


@media (min-width: 1024px) {
#mobileshow{ display:none;}
#flatshow{ display:none;}
#pcshow{ display:block;}

#mshow{ display:none;}
#pfshow{ display:block;}
#fmshow{ display:none;}

}


@media (min-width: 768px) and (max-width: 1024px) {
#mobileshow{ display:none;}
#flatshow{ display:block;}
#pcshow{ display:none;}

#mshow{ display:none;}
#pfshow{ display:block;}
#fmshow{ display:none;}

}

@media (max-width: 767px) {
#mobileshow{ display:block;}
#flatshow{ display:none;}
#pcshow{ display:none;}	

#mshow{ display:block;}
#pfshow{ display:none;}
#fmshow{ display:block;}

}



.fl{ float:left;}
.fr{ float:right;}

.container-fluid {
  padding-right:0;
  padding-left:0;
  margin-right: auto;
  margin-left: auto;
}
.container {
  padding-right:0;
  padding-left:0;
}


/*----------公共部分结束-----------*/




/* 首页服务项目版块 */
.indexbg01{ background:url(../images/midbg_img01.jpg) center center no-repeat; background-size:auto 100% ; }
.indexbox01{ width:88%; margin:0 auto;}
.title{ text-align:center; padding:4% 0; width:80%; margin:0 auto;}
.title h4{font-size:200%; color:#333;}
.title p{ width:100%; background:url(../images/indexline01.png) top center no-repeat; height:5px; margin:1% 0;}
.title h5{font-size:110%; color:#999;}

.indexbox01_endtext{ display:block; margin:0 auto; text-align:center; border-top:1px solid #c8c8c8; width:42%; padding-top:2%; padding-bottom:2%; overflow:hidden; line-height:1.6; font-size:115%;}

.indexbox01 .indexbox01_show01{ width:84%; margin:0 auto 3% auto; clear:both;}
.indexbox01_show01_subject{ border:1px solid #c8c8c8; border-radius:8px; padding:5% 5%; text-align:center; margin-bottom:5%;}
.indexbox01_show01_subject h3{ padding:3% 0; color:#333; font-size:160%;}
.indexbox01_show01_subject h4{ padding:2% 0; color:#8e8e8e; font-size:130%;}
.indexbox01_show01_subject p{ display:block; margin:18% 0;}

@media (min-width: 1025px) and (max-width:1366px){
	.indexbg01{ background:url(../images/midbg_img01.jpg) top center no-repeat; background-size:auto 100%; }
	.indexbox01{ width:100%;}
	.title{ padding:4% 0; width:94%;}
	.indexbox01_endtext{ font-size:100%; width:50%;}
	.indexbox01 .indexbox01_show01{ width:93.5%;}
	.indexbox01_show01_subject{ min-height:360px;}
	.indexbox01_show01_subject h3{ padding:3% 0; color:#333; font-size:130%;}
	.indexbox01_show01_subject h4{ padding:2% 0; color:#8e8e8e; font-size:100%;}
	.indexbox01_show01_subject p{ display:block; margin:18% 0; font-size:80%;}
	}
@media (min-width: 768px) and (max-width:1024px){
	.indexbg01{ background:url(../images/midbg_img01.jpg) top center no-repeat; background-size:auto 100%; }
	.indexbox01{ width:100%;}
	.title{ padding:4% 0; width:94%;}
	.indexbox01 .indexbox01_show01{ width:94%;}
	.indexbox01_show01_subject{ min-height:316px;}
	.indexbox01_show01_subject h3{ padding:3% 0; color:#333; font-size:130%;}
	.indexbox01_show01_subject h4{ padding:2% 0; color:#8e8e8e; font-size:100%;}
	.indexbox01_show01_subject p{ display:block; margin:18% 0; font-size:80%;}
	.indexbox01_endtext{ font-size:100%; width:60%;}
	}
@media (max-width: 767px){
	.indexbg01{ background-position:top center; background-size:auto 100%;}
	.indexbox01{ width:100%;}
	.title{ padding:4% 0; width:94%; margin-top:5%; margin-bottom:3%;}
	.title h4{font-size:130%;}
	.title p{ margin:4% 0;}
	.title h5{font-size:80%;}	
	.indexbox01_endtext{ font-size:90%; width:90%;}
	}


.indexbox01_show01_subject p img{
	filter: grayscale(100%);  
	-webkit-filter: grayscale(100%);  
	-moz-filter: grayscale(100%);  
	-ms-filter: grayscale(100%);  
	-o-filter: grayscale(100%);
	   
	-webkit-transition:all 1s ease-in-out; 
	-o-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	  
	  
	}
.indexbox01_show01_subject h5{ display:block; width:90%; margin:5% auto; border-bottom:1px solid #c8c8c8;}
.indexbox01_show01_subject h6{ padding:2% 0 3% 0; color:#8e8e8e; font-size:100%; line-height:1.6;}
.indexbox01_show01_subject:Hover { border:1px solid #00aa88; box-shadow:0 0 10px #00aa88;
	-webkit-transition:all 1s ease-in-out; 
	-o-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;  
}
.indexbox01_show01_subject:Hover h3{ color:#00aa88;
	-webkit-transition:all 1s ease-in-out; 
	-o-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;  
}
.indexbox01_show01_subject:Hover h4{ color:#444;
	-webkit-transition:all 1s ease-in-out; 
	-o-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;  
}
.indexbox01_show01_subject:Hover h5{ border-color:#666;
	-webkit-transition:all 1s ease-in-out; 
	-o-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;  
}
.indexbox01_show01_subject:Hover h6{ color:#666;
	-webkit-transition:all 1s ease-in-out; 
	-o-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;  
}

.indexbox01_show01_subject:Hover p img{
	filter: grayscale(0%);  
	-webkit-filter: grayscale(0%);  
	-moz-filter: grayscale(0%);  
	-ms-filter: grayscale(0%);  
	-o-filter: grayscale(0%);
	   
	-webkit-transition:all 1s ease-in-out; 
	-o-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out; 
	
  
	transform:rotate(360deg);
	-moz-transform:rotate(360deg); /* Firefox 4 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	-o-transform:rotate(360deg); /* Opera */}

	  
	}
	
	

@media (min-width: 1025px) and (max-width:1366px) {
  .indexbox01_show01{ width:100%; margin:0 auto 3% auto; clear:both;}
  .indexbox01_show01_subject h3{ padding:3% 0; color:#333; font-size:150%;}
  .indexbox01_show01_subject h4{ padding:2% 0; color:#8e8e8e; font-size:110%;}
}





/*首页案例版块*/
.indexbox02{ width:96%; margin-left:2%; margin-bottom:4%;}
.indexbox02_list{ width:100%; clear:both;}
.indexbox02_list ul li{ float:left; display:block; width:30.733%; margin:0 1.3% 1.6% 1.3%;}


@media (max-width: 767px){
.indexbox02{ margin-bottom:8%;}
.indexbox02_list ul li{ float:left; display:block; width:94%; margin:0 3% 1% 3%;}

}
/* main_img */
.main_img{
    height: auto;
    width: 100%;
	overflow:hidden;
	position: relative;
	z-index:1;
	margin-bottom:5%;
}

.main_img img{
    height: auto;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
	
.main_img:hover img {
	transform: scale(1.2, 1.2);	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}


.main_img .show {
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    opacity:0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:100%;
    z-index: 100;
}
.main_img:hover .show {opacity:0.9;filter:alpha(opacity=0.6);}
.main_img .show img{ width:100%;}

.main_img .main_img_title {
    opacity:0;
	position: absolute;
	z-index:110;
    transition-delay: 0.8s;
    transition-duration:0.8s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0.8s;
    -moz-transition-duration:0.8s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0.8s;
    -webkit-transition-duration:0.8s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0.8s;
    -o-transition-duration:0.8s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	top:0;
	left:5%;
	font-size:120%;
	color:#fff;
    z-index: 102;
}
.main_img:hover .main_img_title img {
	transform: scale(1, 1);	
	-ms-transform:scale(1, 1); 	/* IE 9 */
	-moz-transform:scale(1, 1); 	/* Firefox */
	-webkit-transform:scale(1, 1); /* Safari 和 Chrome */
	-o-transform:scale(1, 1); 	/* Opera */
}
.main_img:hover .main_img_title{opacity:1;filter:alpha(opacity=100); top:5%;color:#FFF}

.main_img .main_img_text{
    opacity: 0;
	position: absolute;
	z-index:110;
    transition-delay: 0.8s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0.8s;
    -moz-transition-duration: 0.8s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0.8s;
    -webkit-transition-duration: 0.8s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0.8s;
    -o-transition-duration: 0.8s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	left:5%;
	bottom:0;
	color:#fff;font-size:100%; line-height:1.6;
    z-index: 102;
}
.main_img:hover .main_img_text img {
	transform: scale(1, 1);	
	-ms-transform:scale(1, 1); 	/* IE 9 */
	-moz-transform:scale(1, 1); 	/* Firefox */
	-webkit-transform:scale(1, 1); /* Safari 和 Chrome */
	-o-transform:scale(1, 1); 	/* Opera */
}
.main_img:hover .main_img_text{opacity:1;filter:alpha(opacity=100); bottom:7%;color:#f1f1f1}





.more{ clear:both; display:block; width:200px; height:50px; text-align:center; border:#00aa88 1px solid; line-height:50px; background:#00aa88; border-radius:30px; margin:0 auto; margin-top:3%; color:#fff; font-size:120%;
-webkit-transition:all 1s ease-in-out; 
      -o-transition:all 1s ease-in-out;
      -moz-transition:all 1s ease-in-out;
      -ms-transition:all 1s ease-in-out;
	  
	  
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}
.more a{ color:#fff;}
.more:hover{ width:400px; background:#fff; border:#00aa88 1px solid; border-radius:30px; color:#00aa88; line-height:50px;
-webkit-transition:all 1s ease-in-out; 
      -o-transition:all 1s ease-in-out;
      -moz-transition:all 1s ease-in-out;
      -ms-transition:all 1s ease-in-out;
}
.more:hover a{color:#00aa88;}


@media (max-width: 767px){
	.more{ height:40px; line-height:40px; font-size:110%;}
	.more:hover{ border-radius:20px; line-height:40px;}
}



.indexbox03{ width:100%; clear:both; background:url(../images/bg_img01.jpg); padding:3% 0;}
.indexbox03_title{ font-size:200%; padding:0 3.2%;}
.indexbox03_input{ clear:both; margin:2% 0; padding:0 3.2%; overflow:hidden;}
.indexbox03_text{ font-size:150%; padding:0 3.2%; clear:both;}

.indexbox03_input input{ font-size:16px; border:none; background:#FFF; outline:none; color:#424242;font-family:Microsoft YaHei,"微软雅黑";}
.index_inp1{ display:inline-block; float:left; width:14%; padding:1%; margin-right:2%;}
.index_inp2{ display:inline-block; float:left; width:40%; padding:1%; margin-right:2%;}
.input_code{ display:inline-block; float:left; width:8%; padding:1%; margin-right:1%;}
.input_img{ display:inline-block; float:left; width:5%; padding:1%; margin-right:2%;}
.index_inp3{ display:inline-block; float:right; width:10%; padding:1%; background:#00aa88 !important; color:#FFF !important; cursor:pointer;}

@media (max-width: 767px){
.indexbox03{padding:5% 0;}
.indexbox03_title{ font-size:160%; padding:0 5%;}
.indexbox03_input{margin:4% 0; padding:0 5%;}
.indexbox03_text{ font-size:110%; padding:0 5%;}

.indexbox03_input input{ font-size:14px; border:none; background:#FFF; outline:none; color:#424242;font-family:Microsoft YaHei,"微软雅黑";}
.index_inp1{ display:block; float:none; clear:both; width:99%; padding:3%; margin-right:0; margin-bottom:4%;}
.index_inp2{ display:block; float:none; width:99%; padding:3%; margin-right:0; margin-bottom:4%;}
.input_code{float:none; width:67%; padding:3%; margin-right:0; margin-bottom:4%;}
.input_img{ float:right; width:27%; margin-right:0;; margin-bottom:4%;}
.index_inp3{ display:block; float:none; width:99%; padding:3%; background:#00aa88 !important; color:#FFF !important; cursor:pointer;}	
}



/* 首页新闻版块 */
.tabox{ clear:both; width:98%; margin:0 auto;}
.tabox .hd{overflow:hidden; width:100%; text-align:center; height:100px;}
.tabox .hd li{position:relative; display:inline-block; height:40px; line-height:40px; padding:0 40px;  margin-bottom:10px; cursor:pointer; font-size:130%;  margin-left:10px; margin-right:10px;}
.tabox .hd li.on{ background-color:#00aa88; color:#FFF; border-radius:25px;}

@media (max-width: 767px){
.tabox{ margin-top:10px; width:94%;}
.tabox .hd li{position:relative; display:inline-block; height:40px; line-height:40px; padding:0 20px;  margin-bottom:10px; cursor:pointer; font-size:110%;  margin-left:5px; margin-right:5px;}	
}
.tabox .bd{ clear:both; width:100%; overflow:hidden;}
.tabox .bd .lh{ display:block; width:100%;}

.lh .indexnews_left{ display:block; color:#8e8e8e; float:left; width:31%; margin-right:3.5%;}
.indexnews_left h3{ font-size:320%; color:#333; margin-top:2.4%;}
.indexnews_left h6{ clear:both; margin:8% 0; height:3px; width:10%; background:#333;}
.indexnews_left h4{ font-size:180%; color:#333; margin-bottom:8%;}
.indexnews_left p{ line-height:2; font-size:115%; margin-bottom:5%;}
.indexnews_left h5{ font-size:140%; clear:both; display:block; width:200px; height:50px; line-height:50px; text-align:center; color:#fff; background:#2c2c2c; border-radius:35px;
background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(64, 187, 162)), to(rgb(19, 70, 60)));
}
.indexnews_left h5 a{ display:block; color:#fff; width:200px; height:50px;  border-radius:25px;}
.indexnews_left h5 a:hover{ display:block; width:200px; height:50px;  color:#fff; background:#00aa88; border-radius:35px;
-webkit-transition:all 0.75s ease-in-out; 
      -o-transition:all 0.75s ease-in-out;
      -moz-transition:all 0.75s ease-in-out;
      -ms-transition:all 0.75s ease-in-out;}


.lh .indexnews_mid{float:left; display:block; width:31%; margin-right:3.5%;}
.indexnews_mid img{ margin-bottom:3%; margin-top:0;}
.indexnews_mid h5{ font-size:90%; color:#888;clear:both;}
.indexnews_mid h4{ font-size:120%; color:#333; margin:2% 0;}
.indexnews_mid p{ line-height:1.6; font-size:110%; margin-bottom:5%; color:#8e8e8e;}
.indexnews_mid a:hover h4{ color:#00aa88;}
.indexnews_mid a:Hover p{ text-decoration:underline;}


.lh .indexnews_right{float:left; display:block; width:31%; margin-top:1.5%}
.indexnews_right ul li{ display:block; padding-bottom:3%; margin-bottom:4%; border-bottom:1px solid #ddd;}
.indexnews_right h5{ font-size:90%; color:#888;clear:both;}
.indexnews_right h4{font-size:120%; color:#333; margin:2% 0;}
.indexnews_right p{ line-height:1.6; font-size:110%; color:#8e8e8e;}
.indexnews_right a:hover h4{ color:#00aa88;}
.indexnews_right a:Hover p{ text-decoration:underline;}

@media (min-width: 768px) and (max-width:1024px) {
.indexnews_left h3{ font-size:240%;  margin-top:2.4%;}
.indexnews_left h4{ font-size:140%; margin-bottom:8%;}	
.indexnews_left p{font-size:100%;}
.indexnews_mid p{ line-height:1.6; font-size:100%;}
.indexnews_right p{ line-height:1.6; font-size:100%;}
}


@media (max-width: 767px){
.lh .indexnews_left{ float:none; width:100%; margin-right:0;}
.indexnews_left h3{ font-size:220%; margin-top:0;}
.indexnews_left h6{ margin:5% 0; width:18%;}
.indexnews_left h4{ font-size:120%; margin-bottom:5%;}
.indexnews_left p{ font-size:100%; margin-bottom:5%;}
.indexnews_left h5{ font-size:110%; width:160px; height:40px; line-height:40px;}
.indexnews_left h5 a{width:160px; height:40px;}
.indexnews_left h5 a:hover{ width:160px; height:40px;}

.lh .indexnews_mid{float:none; width:100%; margin-right:0; border-bottom:1px solid #ddd; margin-bottom:3%;}
.indexnews_mid img{ margin-bottom:3%; margin-top:0;}
.indexnews_mid h5{ font-size:80%;}
.indexnews_mid p{ font-size:90%;}

.lh .indexnews_right{float:left; display:block; width:100%; margin-top:1.5%}
.indexnews_right ul li{ padding-bottom:3%; margin-bottom:4%;}
.indexnews_right h5{ font-size:80%;}
.indexnews_right p{font-size:90%;}	

}




/*底部信息*/
.endboxbg{ width:100%; overflow:hidden; padding:3% 0; background:#2c2c2c; clear:both;}
.endbox{ width:94%; margin:0 auto;} 
.end_1{ color:#8e8e8e;}
.end_1 h4{ margin-bottom:3%}
.end_1 h4 img{ vertical-align:middle;}
.end_1 p{ clear:both; margin:4% 0; line-height:1.8;}
.end_1 p a:Hover{ text-decoration:underline;}

.end_2{ color:#8e8e8e;}
.end_2 h4{ margin-bottom:5%; color:#fff; font-size:130%;}
.end_2 p{ clear:both; line-height:1.8;}
.end_2 p span{ width:40%; float:left;}
.end_2 p a{ color:#8e8e8e;}
.end_2 p a:Hover{ text-decoration:underline;}

.end_3{ color:#8e8e8e;}
.end_3 h4{ margin-bottom:5%; color:#fff; font-size:130%;}
.end_3 p{ clear:both; line-height:1.8; margin-bottom:20px;}
.end_3 p a{ color:#8e8e8e;}
.end_3 p a:hover{ color:#fff; text-decoration:none;}
.end_3 p span{ margin-top:10px; float:left; height:22px; line-height:22px; margin-right:10px; background:#000 url(../images/end_img04.png) left top no-repeat; padding-left:30px; padding-right:20px;}

.end_4{}
.end_4 h4{ margin:8% 0;}
.end_4 p{ clear:both; text-align:right; padding-top:3%;}
.end_4 p a{ display:inline-block; margin-right:10px;}
.end_4 p a img{
	filter: grayscale(100%);  
      -webkit-filter: grayscale(100%);  
      -moz-filter: grayscale(100%);  
      -ms-filter: grayscale(100%);  
      -o-filter: grayscale(100%);   
      -webkit-transition:all 0.5s ease-in-out;  
      -o-transition:all 0.5s ease-in-out;
      -moz-transition:all 0.5s ease-in-out;
      -ms-transition:all 0.5s ease-in-out;
	  }
.end_4 p a:hover img{
	transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
	filter: grayscale(0);  
      -webkit-filter: grayscale(0);  
      -moz-filter: grayscale(0);  
      -ms-filter: grayscale(0);  
      -o-filter: grayscale(0);   
      -webkit-transition:all 0.5s ease-in-out;  
      -o-transition:all 0.5s ease-in-out;
      -moz-transition:all 0.5s ease-in-out;
      -ms-transition:all 0.5s ease-in-out;}

.end_5{ clear:both; padding-top:3%; line-height:1.8; color:#fff; font-size:120%;}
.end_5 span a{ display:inline-block; padding:0 10px; color:#8e8e8e; font-size:90%}
.end_5 span a:hover{ text-decoration:underline;}

.endboxbg2{ width:100%; overflow:hidden; padding:1% 0 1% 0; background:#000; clear:both; color:#fff; text-align:center; font-size:110%}

@media (min-width: 768px) and (max-width:1024px) {
	.end_1 p{font-size:90%;}
	.end_2 p span{ width:50%; float:left;font-size:90%;}
	.end_3 p{ font-size:90%;}
	.end_4 p a{ display:inline-block; margin-right:5px;}
	.end_5{ clear:both; padding-top:3%; line-height:1.8; color:#fff; font-size:110%;}
	
	.endboxbg2{ font-size:80%; padding:2% 0 2% 0;}
}
@media (max-width: 767px){
.endbox{ width:92%; margin:0 auto;} 
.end_1 p{font-size:90%;}
	
.end_2{ clear:both; margin-top:4%;}
.end_2 p span{ width:33.33%; float:left; font-size:90%;}	

.end_3{ clear:both; margin-top:12%;}
.end_4{ clear:both; margin-top:5%;}
.end_4 h4{ display:none;}
.end_4 p{ text-align:left;}
.end_5{ clear:both; padding-top:3%; line-height:1.8; color:#fff; font-size:110%;}
	.end_5 span a{ display:inline-block; padding:0 10px; color:#8e8e8e; font-size:80%}

.endboxbg2{ font-size:80%; padding:2% 0 2% 0;}
}

/* --------------  首页结束 ---------------  */









/* APP开发 */
.inbanner{ width:100%; height:auto; clear:both; position:relative; z-index:1;}
.inbanner img{ width:100%;}
.inbanner_text{ position:absolute; left:0; top:34%; width:100%; margin:0 auto; text-align: center; color:#fff;}
.inbanner_text h4{ font-size:250%;}
.inbanner_text p{ font-size:140%; margin:3% 0 3% 0; color:#e8e8e8; line-height:1.6;letter-spacing:2px;}
.inbanner_text h5{ font-size:140%; clear:both; display:block; margin:0 auto; width:130px; height:54px; line-height:54px; text-align:center;}
.inbanner_text h5 a{ display:block;width:130px; height:54px; color:#fff; border:#fff 1px solid;}
.inbanner_text h5 a:hover{ display:block;width:130px; height:54px; background:#fff; border:#00aa88 1px solid; color:#00aa88;color:#00aa88;}
.inbanner_text h6{ clear:both; display:block; margin:0 auto; width:90px; height:4px; background:#fff;}

@media (min-width: 768px) and (max-width:1024px) {
.inbanner_text h4{ font-size:200%;}
.inbanner_text p{ font-size:120%; margin:3% 0 3% 0; color:#e8e8e8;line-height:1.6;letter-spacing:2px;}
.inbanner_text h5{ font-size:120%; height:44px; line-height:44px;}
.inbanner_text h5 a{ height:44px;}
.inbanner_text h5 a:hover{height:44px;}	
}
@media (max-width: 767px){	
.inbanner_text h4{ font-size:140%; padding-top:3%;}
.inbanner_text p{ font-size:90%; margin:5% 0 6% 0; color:#e8e8e8;  line-height:1.4;letter-spacing:0;}
.inbanner_text h5{ font-size:90%; width:100px; height:36px; line-height:36px;}
.inbanner_text h5 a{ width:100px; height:36px;}
.inbanner_text h5 a:hover{ width:100px; height:36px;}	
}


.inbox01{ width:94%; margin:0 auto; overflow:hidden;}
.inline01{ border-bottom:1px solid #ddd;}
.intext01{ width:50%; line-height:2; font-size:120%; padding:4% 0;}


.intitle{ display:block; color:#333; font-size:200%; float:left; width:30%; padding:4% 0;}
.intext02{ display:block; float:right; width:65%; padding-top:4%;}
.intext02 ul li{ display:block; float:left; width:47%; margin-right:6%; min-height:100px; margin-bottom:4%;}
.intext02 ul li:nth-child(2n){ margin-right:0;}
.intext02 h4{ color:#333; font-size:130%; margin-bottom:2%;}
.intext02 p{ line-height:1.6; color:#8e8e8e; font-size:110%;}
.intext02 ul li:hover h4{ color:#00aa88; font-weight:bold;}
.intext02 ul li:hover p{ text-decoration:underline;}

.intitle02{ color:#333; font-size:200%; padding:3% 1%;}


@media (min-width: 1025px) and (max-width:1366px) {
.intext02 ul li{ display:block; float:left; width:47%; margin-right:6%; min-height:220px;}	
}
@media (min-width: 768px) and (max-width:1024px) {
.intext01{ width:70%; line-height:1.8; font-size:110%; padding:4% 1%;}

.intitle{ width:20%;font-size:180%;}
.intext02{ width:75%;}
.intext02 ul li{ min-height:150px;}
.intext02 h4{font-size:120%;}
.intext02 p{ line-height:1.6; font-size:100%;}

.intitle02{font-size:180%;}
}

@media (max-width: 767px){	
.intext01{ width:80%; line-height:1.8; font-size:100%; padding:4% 1%;}

.intitle{ font-size:160%; float:left; width:96%; margin-left:2%; padding:6% 0;}
.intext02{ float:left; width:96%; margin-left:2%;}
.intext02 ul li{ display:block; float:left; width:100%; margin-right:0; min-height:auto; margin-bottom:8%;}
.intext02 h4{ color:#333; font-size:120%;}
.intext02 p{ line-height:1.6; color:#8e8e8e; font-size:100%;}

.intitle02{ color:#333; font-size:160%; padding:5% 2%;}
}


.inbox02{ width:96%; margin-left:2%; margin-bottom:4%; overflow:hidden;}
.inbox02_list{ width:100%; clear:both;}
.inbox02_list ul li{ float:left; display:block; width:18%; margin:0 1% 1.6% 1%;}
.inbox02_list ul li a{ display:block; background:#f0f0f0; width:94%; padding:3%; overflow:hidden;}
.inbox02_list_left{ float:left; width:24%; background:#999; padding:4% 0; color:#fff; text-align:center;}
.inbox02_list_left h4{ font-size:150%; padding-bottom:20px}
.inbox02_list_left p{ font-size:90%;}
.inbox02_list_right{ float:right; width:70%; padding-right:2%}
.inbox02_list_right h4{ font-size:120%; color:#222; padding-bottom:10px;}
.inbox02_list_right p{ font-size:90%; color:#666;}
.inbox02_list ul li a:hover{ display:block; background:#f9f9f9;}
.inbox02_list ul li a:hover .inbox02_list_left{ background:#bbb;}
.inbox02_list ul li a:hover .inbox02_list_right h4{ color:#00aa88;}
.inbox02_list ul li a:hover .inbox02_list_right p{ color:#999}


@media (min-width: 1025px) and (max-width:1366px) {
.inbox02_list ul li{ float:left; display:block; width:24%; margin:0 0.5% 1.6% 0.5%;}	
}

@media (min-width: 768px) and (max-width:1024px) {
.inbox02_list ul li{ float:left; display:block; width:24%; margin:0 0.5% 1.6% 0.5%;}	
.inbox02_list_left h4{ font-size:120%; padding-bottom:20px}
.inbox02_list_left p{ font-size:80%;}

.inbox02_list_right h4{ font-size:110%; color:#222; padding-bottom:10px;}
.inbox02_list_right p{ font-size:80%; color:#666;}
}
@media (max-width: 767px){
	.inbox02{ width:98%; margin-left:2%; margin-bottom:4%; overflow:hidden;}
.inbox02_list ul li{ float:left; display:block; width:48%; margin:0 1% 1.6% 1%;}
.inbox02_list_left{ float:left; width:30%; background:#999; padding:4% 0; color:#fff; text-align:center;}
.inbox02_list_left h4{ font-size:110%; padding-bottom:20px}
.inbox02_list_left p{ font-size:80%;}	
.inbox02_list_right{ float:right; width:66%; padding-right:2%}
.inbox02_list_right h4{ font-size:100%; color:#222; padding-bottom:10px;}
.inbox02_list_right p{ font-size:80%; color:#666;}
}




/*新闻页面*/
.news{ background:#f0f0f0; padding:3% 0 3% 0; overflow:hidden;}
.news_left{ width:840px; float:left; }
.news_left_title{ padding-bottom:30px; font-size:150%; color:#101010; }
.news_left_title p{ font-size:80%; color:#8e8e8e;}
.news_left_list{ width:840px; overflow:hidden; background:url(../images/newsline.png) left top repeat-y;}
.news_left_list ul li{ display:block; background:url(../images/newsdot.png) left 20px no-repeat; padding-left:49px;}
.news_left_list ul li a{ display:block; background:#fff; margin-bottom:4%; padding:4%; overflow:hidden;}
.news_left_list ul li img{ width:100%; margin:2% 0;  }
.news_left_list ul li h4{ font-size:120%; color:#424242; width:100%; }
.news_left_list ul li h4 span{ float:right; color:#999;}
.news_left_list ul li h5{ clear:both; padding:1% 0; color:#8e8e8e; }
.news_left_list ul li p{ clear:both; padding:1% 0; line-height:1.6;}

.page{ clear:both; width:100%; text-align:center; margin-bottom:4%; margin-top:5%;}
.page span{ display:inline-block; margin:0 10px; height:32px; width:32px; text-align:center; line-height:30px;font-size:120%;}
.page span a{ display:inline-block;  margin:0 10px; height:32px; width:32px; border-radius:15px;}
.page span a:hover,.page span.sel a{ display:inline-block;  margin:0 10px; height:32px; width:32px; border-radius:15px; background:#00aa88; color:#fff;}
.page span:first-child a:hover,.page span:last-child a:hover{ background:none; color:#00aa88; }

@media (max-width: 767px){	
.news{ padding:6% 0 10% 0; }
.news_left_title{ padding-bottom:15px; font-size:130%; }
.news_left{ width:96%; margin-left:2%;}
.news_left_list{ width:100%; background:url(../images/newsline2.png) left top repeat-y;}
.news_left_list ul li{ display:block; background:url(../images/newsdot2.png) left 20px no-repeat; padding-left:35px;}
.news_left_list ul li a{ margin-bottom:7%;}
.news_left_list ul li h4{ font-size:100%;  width:100%; }
.news_left_list ul li h4 span{ float:right; color:#999; font-size:90%;}
.news_left_list ul li h5{ padding:1% 0; font-size:80%; }
.news_left_list ul li p{ padding:1% 0; font-size:80%; }

.page span{ display:inline-block; margin:0 5px; height:28px; width:28px; text-align:center; line-height:28px;font-size:110%;}
.page span a{ display:inline-block;  margin:0 5px; height:28px; width:28px; border-radius:15px;}
.page span a:hover,.page span.sel a{ display:inline-block;  margin:0 5px; height:28px; width:28px; border-radius:15px; background:#00aa88; color:#fff;}
.page span:first-child a:hover,.page span:last-child a:hover{ background:none; color:#00aa88; }

}

.news_right{ width:320px; float:right; }
.news_right_title{ padding:4% 0; font-size:135%; color:#101010; border-bottom:1px #c8c8c8 solid; margin-bottom:3%; }

.news_right_list1{ width:100%; overflow:hidden; padding-bottom:3%; }
.news_right_list1 ul li{ display:block; float:left; height:36px; line-height:36px; padding:0 10px; margin-right:10px; background:#fff; margin-bottom:10px;}
.news_right_list1 ul li:Hover,.news_right_list1 ul li.sel{ display:block; height:36px; line-height:36px; padding:0 10px; margin-right:10px; background:#00aa88; color:#fff; cursor:pointer}

.news_right_list2{ width:100%; overflow:hidden; background:#FFF; padding-bottom:5%; margin-bottom:6%;}
.news_right_list2 dl dt{ padding:3% 0 3% 3%; border-left:5px #00aa88 solid; font-size:135%; margin-bottom:3%;}
.news_right_list2 dl dd{ width:40%; float:left; padding-left:10%; background:url(../images/remen_bg.png) 10% center no-repeat; background-size:15%; margin:2% 0; font-size:14px; cursor:pointer; }
.news_right_list2 dl dd:hover a{ color:#00aa88;}

.news_right_list3{ width:100%; overflow:hidden; background:#FFF; padding-bottom:5%; }
.news_right_list3_title{padding:3% 0 3% 3%; border-left:5px #00aa88 solid; font-size:135%; margin-bottom:3%;}
.news_right_list3 ul{ display:block; clear:both;}
.news_right_list3 ul li{ width:94%; margin:4% 4% 7% 4%; overflow:hidden; display:block; }
.news_right_list3 ul li img{ width:99%; border:1px #c8c8c8 solid; margin-bottom:2%; }


@media (min-width: 768px) and (max-width:1024px) {
.news_left{ width:70%; float:left; }
.news_left_title{ padding-bottom:30px; font-size:150%; color:#101010; }
.news_left_title p{ font-size:80%; color:#8e8e8e;}
.news_left_list{ width:100%; overflow:hidden; background:url(../images/newsline.png) left top repeat-y;}

.news_right{ width:27%; float:right; }

.news_right_list2 dl dt,.news_right_list3_title{ font-size:120%;}
.news_right_list2 dl dd,.news_right_list1 ul li{ font-size:90%;}
}


/*新闻详情*/
.newsview{ width:98%; padding:3%; overflow:hidden; background:#FFF; margin-top:2%; }
.newsview>h4{ font-size:160%; margin-bottom:2%; color:#000000;  }
.newsview>h4 p{ font-size:60%; color:#8e8e8e; margin-top:10px; }
.newsview_text{ line-height:1.8; padding-bottom:5%; font-size:110%;}

.newsview01{ width:100%; overflow:hidden; border-top:1px #c8c8c8 solid; padding:4% 0; position:relative; }
.newsview01 a{ display:block; font-size:110%; color:#424242; margin:1% 0;}
.newsview01 a:hover{ color:#00aa88;}
.xwzx_fanhui{ width:80px; border:none; padding:1% 0; background:#00aa88; color:#FFF; display:block; position:absolute; right:0; bottom:28%;  }




@media (max-width: 767px){
.newsview{ width:100%; padding:3%; overflow:hidden; background:#FFF; margin-top:2%; }
.newsview>h4{ font-size:130%;margin-bottom:3%;}
.newsview_text{ font-size:90%; margin-bottom:3%; }
.newsview01 a{ display:block; font-size:90%; }
.xwzx_fanhui{ width:80px; border:none; padding:1% 0; background:#00aa88; color:#FFF; display:block; position: relative; right:0; bottom:0; margin-top:4%;  }
}






/*小程序*/

.inbanner_text1{ position:absolute; left:16%; top:34%; width:60%; color:#fff;}
.inbanner_text1 h3{ font-size:250%; margin-bottom:2%;}
.inbanner_text1 h4{ font-size:180%;}
.inbanner_text1 p{ font-size:140%; margin:3% 0 3% 0; color:#e8e8e8; line-height:1.6;}
.inbanner_text1 h6{ font-size:110%; margin:3% 0 3% 0; color:#e8e8e8; line-height:1.6;}
.inbanner_text1 h5{ font-size:120%; clear:both; display:block; width:110px; height:44px; line-height:44px; text-align:center;}
.inbanner_text1 h5 a{ display:block;width:130px; height:44px; color:#fff; border:#fff 1px solid;}
.inbanner_text1 h5 a:hover{ display:block;width:130px; height:44px; background:#fff; border:#00aa88 1px solid; color:#00aa88;color:#00aa88;}
.inbanner_text1 img{ width:36%;}



@media (min-width: 1025px) and (max-width:1366px) {
.inbanner_text1 img{ width:40%;}	
}
@media (min-width: 768px) and (max-width:1024px) {
.inbanner_text1 h3{ font-size:200%;}
.inbanner_text1 h4{ font-size:140%; padding-top:3%;}
.inbanner_text1 p{ font-size:100%; margin:3% 0 3% 0; color:#e8e8e8;line-height:1.6;}
.inbanner_text1 h5{ font-size:110%; height:40px; line-height:40px;}
.inbanner_text1 h5 a{ height:40px;}
.inbanner_text1 h5 a:hover{height:40px;}	
.inbanner_text1 h6{ font-size:100%;}
.inbanner_text1 img{ width:44%;}
}
@media (max-width: 767px){
.inbanner_text1{ position:absolute; left:5%; top:30%; width:60%; color:#fff;}	
.inbanner_text1 h3{ font-size:140%; padding-top:3%;}
.inbanner_text1 h4{ font-size:120%; padding-top:3%;}
.inbanner_text1 p{ font-size:90%; margin:5% 0 6% 0; color:#e8e8e8;  line-height:1.4;}
.inbanner_text1 h5{ font-size:90%; width:100px; height:36px; line-height:36px;}
.inbanner_text1 h5 a{ width:100px; height:36px;}
.inbanner_text1 h5 a:hover{ width:100px; height:36px;}		
.inbanner_text1 h6{ font-size:90%; margin:6% 0 7% 0;}
.inbanner_text1 img{ width:76%;}
}



.intext_xcx{ display:block; float:right; width:65%; padding-top:4%;}
.intext_xcx ul li{ display:block; float:left; width:15%; padding:2%; background:#f0f0f0; margin-right:1.25%; text-align:center;  margin-bottom:2%;}
.intext_xcx ul li:nth-child(5n){ margin-right:0;}
.intext_xcx ul li img{ padding-bottom:5%;
filter: grayscale(100%);
      -webkit-filter: grayscale(100%); 
      -moz-filter: grayscale(100%); 
      -ms-filter: grayscale(100%); 
      -o-filter: grayscale(100%); 
	  }

@-webkit-keyframes buzz-out {
          0% {
            -webkit-transform: translateX(6px) rotate(10deg);
          }
          100% {
            -webkit-transform: translateX(-6px) rotate(-10deg);
          }
}
.intext_xcx ul li:hover{ background:#f8f8f8;}
.intext_xcx ul li:hover img {
	filter: grayscale(0%);
      -webkit-filter: grayscale(0%); 
      -moz-filter: grayscale(0%); 
      -ms-filter: grayscale(0%); 
      -o-filter: grayscale(0%); 
            -webkit-animation-name: buzz-out;
            -webkit-animation-duration: 0.5s;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: 1;
}
.intext_xcx ul li:hover{ color:#00aa88;}




@media (min-width: 1025px) and (max-width:1366px) {
	.intext_xcx ul li{ font-size:90%; padding:2% 1%;}
}
@media (min-width: 768px) and (max-width:1024px) {
	.intext_xcx{ display:block; float:right; width:75%; padding-top:4%;}
.intext_xcx ul li{ display:block; float:left; width:23%; font-size:90%; padding:2% 1%; background:#f0f0f0; margin-right:2.66%; text-align:center;  margin-bottom:3%;}
.intext_xcx ul li:nth-child(5n){ margin-right:2.66%;}
.intext_xcx ul li:nth-child(4n){ margin-right:0;}	
}

@media (max-width: 767px){
	.intext_xcx{ display:block; float:left; width:96%; margin-left:2%; padding-top:4%;}
.intext_xcx ul li{ display:block; float:left; width:47%; padding:3%; background:#f0f0f0; margin-right:6%; text-align:center;  margin-bottom:5%;}
.intext_xcx ul li:nth-child(5n){ margin-right:6%;}
.intext_xcx ul li:nth-child(2n){ margin-right:0;}	
}











/*网站建设*/

.inbanner_text2{ position:absolute; left:56%; top:34%; width:30%; color:#fff;}
.inbanner_text2 h3{ font-size:250%; margin-bottom:2%;}
.inbanner_text2 h4{ font-size:180%; line-height:1.6;}
.inbanner_text2 p{ font-size:140%; margin:3% 0 3% 0; color:#e8e8e8; line-height:1.6;}
.inbanner_text2 h6{ font-size:110%; margin:3% 0 3% 0; color:#e8e8e8; line-height:1.6;}
.inbanner_text2 h5{ font-size:120%; clear:both; display:block; width:110px; height:44px; line-height:44px; text-align:center;}
.inbanner_text2 h5 a{ display:block;width:130px; height:44px; color:#fff; border:#fff 1px solid;}
.inbanner_text2 h5 a:hover{ display:block;width:130px; height:44px; background:#fff; border:#00aa88 1px solid; color:#00aa88;color:#00aa88;}
.inbanner_text2 img{ width:70%;}



@media (min-width: 1025px) and (max-width:1366px) {
.inbanner_text2 img{ width:80%;}	
}
@media (min-width: 768px) and (max-width:1024px) {
	.inbanner_text2{ position:absolute; left:56%; top:24%; width:40%; }
.inbanner_text2 h3{ font-size:200%;}
.inbanner_text2 h4{ font-size:140%; padding-top:3%;}
.inbanner_text2 p{ font-size:100%; margin:3% 0 3% 0; color:#e8e8e8;line-height:1.6;}
.inbanner_text2 h5{ font-size:110%; height:40px; line-height:40px;}
.inbanner_text2 h5 a{ height:40px;}
.inbanner_text2 h5 a:hover{height:40px;}	
.inbanner_text2 h6{ font-size:100%;}
.inbanner_text2 img{ width:80%;}
}
@media (max-width: 767px){
.inbanner_text2{ position:absolute; left:50%; top:20%; width:46%; color:#fff;}	
.inbanner_text2 h3{ font-size:140%; padding-top:3%;}
.inbanner_text2 h4{ font-size:110%; padding-top:3%; line-height:1.4;}
.inbanner_text2 p{ font-size:80%; margin:3% 0 4% 0; color:#e8e8e8;  line-height:1.4;}
.inbanner_text2 h5{ font-size:90%; width:100px; height:36px; line-height:36px;}
.inbanner_text2 h5 a{ width:100px; height:36px;}
.inbanner_text2 h5 a:hover{ width:100px; height:36px;}		
.inbanner_text2 h6{ font-size:80%; margin:3% 0 4% 0;}
.inbanner_text2 img{ width:96%;}
}