.picScroll{margin:0px auto;position:relative;width:1200px;background:#fff;overflow:hidden; padding:10px;}
.picScroll .next,.picScroll .prev{display:block;position:absolute;top:86px;left:10px;width:40px;height:74px;background:url(/skin/images/buttonstyle2.png) no-repeat; opacity: 0.5;}
.picScroll .next{left:auto;right:0px;background-position:-40px 0}
.picScroll .prev:hover{background-position:0 -74px}
.picScroll .next:hover{background-position:-40px -74px}
.picScroll ul{overflow:hidden;zoom:1}
.picScroll ul li{width:214px;float:left;overflow:hidden; margin-left:20px;}
.picScroll ul li img{width:214px;height:206px;display:block;background:url(/skin/images/loading.gif) center center no-repeat; border:1px solid #CCCCCC;}
.picScroll ul li { text-align:center; width:214px;}
.picScroll ul li a { color:#999999; font-size:14px; }
.picScroll_text { line-height:36px; box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

	/* 本例子css -------------------------------------- */
	.picScroll_m{ margin:10px auto; text-align:center; display:none}
	.picScroll_m .bd ul{ width:100%;  float:left;  padding:0px; padding-top:10px;}
	.picScroll_m .bd li{ width:48%; float:left; font-size:14px; text-align:center; margin:0 1%;}
	.picScroll_m .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); color:#999999; font-size:14px; /* 取消链接高亮 */}
	.picScroll_m .bd li img{ width:100%; height:100%;  background:url(/skin/images/loading.gif) #fff center center no-repeat; border:1px #CCCCCC solid;}


	.picScroll_m .hd{ z-index:100; position:relative}
	.picScroll_m .hd ul{ float:right; padding-top:16px; display:none}	
	.picScroll_m .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden; 
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 
	}
	.picScroll_m .hd .on{ background:#80BD6D;  }
	.picScroll_m .prev,.picScroll_m .next{ position:relative; top:-15rem; left:0px; float:right;  width:43px; height:70px; background:url(/skin/images/buttonstyle2.png) no-repeat; opacity: 0.5; overflow:hidden;  }
	.picScroll_m .next{ background-position:-43px 0px; }
	.picScroll_m .prev{ float:left;}

@media(min-width:1px) and (max-width:767px){
    .picScroll { display:none;}
	.picScroll_m { display:block;}
    
}



@font-face{font-family:'FontAwesome';font-display:swap;src:url('/skin/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/static/assets/style/fontAwesome/4.7.0/css//skin/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/skin/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/skin/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/skin/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/skin/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:FontAwesome !important}
.index_data { background:url(/skin/images/bg_data.jpg) no-repeat fixed center center;}
.index_data .box_data { width:1200px; margin:0px auto;}
.index_data .box_data li { width:25%; float:left; height:230px; display:block; text-align:center;}
.box_data li i { padding-top:40px;}
.box_data li i.font-icon { width:40px; height:40px; text-align:center; color:#FFFFFF; font-size:40px;}
.fa-sitemap:before{content:"\f0e8"}
.fa-user:before{content:"\f007";}
.fa-tags:before{content:"\f02c"}
.fa-eyedropper:before{content:"\f1fb"}
.fa-calendar:before{content:"\f073"}

.box_data li .num_data { background:url(/skin/images/box_data.png) no-repeat center center; width:280px; height:100px; margin-top:10px;}
.box_data li .num_data .big_num { font-size: 46px; color:#FFFFFF}
.box_data li .num_data .small_num { font-size:18px; color:#FFFFFF}


@media(min-width:1px) and (max-width:767px){
    .index_data .box_data { width:100%; background: url(/skin/images/bg_data.jpg) no-repeat fixed center center; background-size: cover;}  
	.index_data .box_data li { width:100%; float:none;}
	.box_data li .num_data { width:100%;}
    
}


/* latin */
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/droidserif/v13/tDbI2oqRg1oM3QBjjcaDkOr9rAXWGQyH.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v12/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4AJ68SLwt.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v12/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4AJ68SLwt.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v12/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4AJ68SLwt.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v12/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4AJ68SLwt.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v12/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4AJ68SLwt.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v12/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4AJ68SA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



.index_pro { background-color:#f0f7fa; width:100%;}

.index_tit .big_tit{font-size: 40px; color: #20b559; font-family: Impact; background:url(/skin/images/line.jpg) no-repeat left bottom; line-height:50px; padding-bottom:10px; padding-top:20px;}
.index_tit .small_tit{font-size: 14px; color: #666; font-family: Roboto; padding:10px 0 20px 0; line-height:150%;}

.notice .tab-hd{ float:left; width:173px;}
.notice .tab-hd ul{padding:0px;}
.notice .tab-hd li{ max-height: 200px; margin-bottom: 10px; width:173px;}
.notice .tab-hd li a{ background-color: #20b559; color: #fff; display:block; max-height: 200px; text-align:center; line-height:32px; border-radius: 4px; text-decoration:none; padding:0 10px;}
.notice .tab-hd li a:hover{ background-color: #fea84b;}
.notice .tab-hd li.on a{ background-color: #fea84b;}
.notice .tab-bd{ width:1010px; float:left; margin-left:17px;}
.notice .tab-bd ul{overflow:hidden;zoom:1;padding:0px;}
.notice .tab-bd li{ float:left; width:24%; margin-right:1%; margin-bottom:10px;}
.notice .tab-bd li:nth-child(4n) { margin-right:0px;}
.notice .tab-bd li .index_pro_pic {}
.notice .tab-bd li .index_pro_pic img { width:100%; height:100%; border:1px #CCCCCC solid;}
.notice .tab-bd li .index_pro_tit { text-align:center; width:100%; height:32px; line-height:32px; box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.notice .tab-bd li .index_pro_tit a { color:#666666}


@media(min-width:1px) and (max-width:767px){
    .index_container{width:100%} 
	.notice .tab-hd { width:100%;  clear:both;}
	.notice .tab-hd li { float:left; width:48%; margin-right:1%; margin-left:1%;}
	.notice .tab-bd{ width:100%; float:none; margin-left:0px; clear:both;}
	.notice .tab-bd li{ float:left; width:48%; margin-right:1%; margin-left:1%;}
	.index_tit { width:98%; margin:0px auto;}
	.index_tit .big_tit {font-size: 24px; line-height:36px;}
}
@media(min-width:768px) and (max-width:989px){
    .index_container{width:750px} 
}


.index_news { width:100%; margin-bottom:20px;}
.news_tit { float:left; margin-left:40px; color:#666666; width:940px; padding-top:30px ; font-family: Roboto;}
.box_news {}
.box_news li { width:33.3333%; float:left; list-style:none;}
.box_news li .pic_news { width:354px;}
.box_news li .pic_news img{ width:354px; border:solid 1px #CCCCCC;}
.box_news li .tit_news {color: #333;font-weight: 400; width:354px; line-height:30px; height:30px;}
.box_news li .tit_news a {color: #333;}
.box_news li .time_news {font-family: Roboto; font-size: 14px; color: #545454;}
.box_news li .desc_news {font-family: Roboto;
    font-size: 14px;
    color: #545454;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.7em; width:354px; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;} 
	
@media(min-width:1px) and (max-width:767px){
    .news_tit { width:100%; margin-left:0px; padding-top:15px;}
	.box_news li { width:98%; float: none; margin:0px auto;}
	.box_news li .pic_news { width:100%; }
	.box_news li .pic_news img{ width:100%;}
	.box_news li .tit_news { width:100%;}
	.box_news li .desc_news { width:100%;}
}