@charset "utf-8";
 /*  
*@description: 首页 
*@author: name 林异频  
* @update: name (2015-08-22 18:32)更新 */
/**************index_top**************/
.index_top{ padding:5px 5px 0;}
.index_top li{ width: 50%; float: left; padding:10px 5px 0; display: inline-block; overflow: hidden;}
.index_top li a{ display: block; border: 1px solid #dadada;}
.index_top li img{ width: 100%;}

.index1{ clear: both; overflow: hidden; padding:5px 0 0;}
.index1 li{float: left; width:50%; display: inline-block; overflow: hidden; padding: 10px 5px 0 0;}
.index1 li.index1_o{ padding: 10px 0 0 5px;}
.index1 li em{ display: block; clear: both; overflow: hidden;}
.index1 li em img{ width: 100%;}
.index1_1{ background: #efefef; clear: both; overflow: hidden; line-height:30px; padding: 0 10px;white-space: nowrap; text-overflow: ellipsis;}
.index1_1 span{ display: none;float: right; margin-left: 10px;}
.index2{ clear: both; overflow: hidden; padding:15px 0 0;}
.index2 li{float: left; width: 50%; display: inline-block; overflow: hidden;}
.index2 li img{ width: 100%;}
.index_bor p{background:#d6d6d6; clear: both; overflow: hidden; height: 1px;}

.index_list .swiper-container {width: 100%;text-align: center;}
.index_list .swiper-slide {min-width: 560px;padding:15px 0; width: 100%;}
.index_list .index_list1{float: left; width:60px; margin: 0 10px; display: inline-block; cursor: pointer;}
.index_list .index_list1 em{ display: block; margin:0 auto 10px; width: 40px; height:40px ; clear: both; overflow: hidden; background: url(../images/inndex3_01.png) no-repeat 0 0;background-size: 40px auto !important; }
.index_list .index_list1.hover em{ background-position: 0 bottom;}
.index_list p{ color: #434343; display: block; clear: both; overflow: hidden;}
.index_list .index_list1 small{ display: none; text-transform: uppercase; font-size: 10px; clear: both; overflow: hidden; color: #818181; font-family: arial;}
.index_list .index_list1.hover p,.index_list .index_list1.hover small{ color: #00a5a9;}
/*.index_list .index_list1.il_2 em{background-image: url(../images/inndex3_02.png)}
.index_list .index_list1.il_3 em{background-image: url(../images/inndex3_03.png)}
.index_list .index_list1.il_4 em{background-image: url(../images/inndex3_04.png)}
.index_list .index_list1.il_5 em{background-image: url(../images/inndex3_05.png)}
.index_list .index_list1.il_6 em{background-image: url(../images/inndex3_06.png)}
.index_list .index_list1.il_7 em{background-image: url(../images/inndex3_07.png)}*/


.index_cp{ clear: both; overflow: hidden; padding: 10px 0; position: relative;}
.index_cp1{ clear: both; overflow: hidden;/*display: none;*/ width: 100%; visibility: hidden;position: absolute;left: 0;top: 0; z-index: 1;}
.index_cp1.show1{visibility: visible; position:relative; z-index: 10;}
.index_cp1 .slick-track{min-width: 200% !important;}
.index_left{float: left; display: none; overflow: hidden;}
.index_left img{ width: 100%}

.index_cp1 .index_right{position: relative; clear: both; overflow: hidden; border-left: 1px solid #d4d4d4;}
.index_right1 p{ display: block; clear: both; overflow: hidden; line-height: 20px; height: 20px; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
.index_cp1 .index_right2{ position: absolute; left: 0; top: 0; background:url(../images/index3_01.png) repeat ; width: 100%; height: 100%; display: none;}
.index_cp1 .index_right2 .index_right2_1{ position: absolute;left: 50%; top: 50%; width: 70px; height: 70px; border-radius: 50%; color: #fff; background: url(../images/index3_02.png) repeat; margin: -35px 0 0 -35px; text-align: center;}
.index_cp1 .index_right2 .index_right2_1 span{ display: block; background:url(../images/more1.png) no-repeat center 0; margin-top:15px; padding-top: 25px;font-size: 12px;}
.index_cp1 .slick-slide .index_right1{border: 1px solid #d4d4d4; padding: 10px;position: relative;z-index: 2; margin: 0 0 0 -1px;}
.index_cp1 .slick-slide em{ display: block; clear: both; overflow: hidden; width: 80%; margin: 0 auto 20px;}
/*.index_cp1 .slick-slide .slick-track{ min-width: 100% !important;}*/
.index_cp1 .slick-slide em img{ width: 100%;}
.index_cp1 .slick-prev,.index_cp1 .slick-next{ width:25px; height:25px; position:absolute; top:50%; margin-top:-12px; cursor:pointer; border:0;outline:none; z-index: 4;}
.index_cp1 .slick-prev{left:5px; background:url(../images/index3_1.png) no-repeat 0 0}
.index_cp1 .slick-next{right:5px; background:url(../images/index3_1.png) no-repeat -25px 0}
.index_cp1 .slick-prev:hover{ background-position: 0 bottom;}
.index_cp1 .slick-next:hover{ background-position: -25px bottom;}
.index_lc{ display: none;}
.index_lc li{ overflow:hidden; position: relative;z-index: 1; border: 1px solid #d4d4d4; width:20%;margin:0 -1px 0 0; padding: 10px;float: left; display: inline-block;}
.index_lc li em{ float: left; width:45px; height:66px; display: inline-block; margin-right: 10px; background: url(../images/index_lc1.png) no-repeat 2px center;}
.index_lc li big{ display: block;  overflow: hidden;line-height: 26px; font-size: 14px;}
.index_lc li p{ overflow: hidden; height: 40px; line-height: 20px; font-size: 12px;}
.index_lc li.hover{ border: 1px solid #00a5a9; color: #00a5a9; z-index: 2;}
.index_lc li.hover em{ background: url(../images/index_lc2.png) no-repeat 2px center;}
.index_lc li.index_lc2 em{ background-position:-228px center;}
.index_lc li.index_lc3 em{ background-position:-462px center;}
.index_lc li.index_lc4 em{ background-position:-696px center;}
.index_lc li.index_lc5 em{ background-position:-924px center;}
.index4{ padding: 10px;}
.index4 dd,.index4 dt{ width: 49%; overflow: hidden;}
.index4 img{ width: 100%;}
.index4 dt{ float: left;}
.index4 dd{ float: right;}

@media only screen and (min-width:580px) {
.index_list .index_list1{width:14.285%; padding: 0 10px; margin: 0;}
	
	
}
@media only screen and (min-width: 768px) {

/**************index_top**************/
.index_top{ padding: 30px 0 10px;}	
.index_top li{ width:24.4%; padding: 0; margin-right: 0.8%;}
.index_top li.index_tr,.index1 li.index_tr{ margin-right: 0;}

.index1{ padding: 15px 0 0;}
.index1 li{ width:24.4%; padding: 0; margin-right: 0.8%;}
.index1 li.index1_o{ padding:0;}
.index1_1{font-size: 12px;}

.index_list .index_list1 em{width: 60px; height:60px ;background-size: 60px auto !important; }

.index_left{display: inline-block; width:18.35%; position: relative;z-index: 5;}
.index_cp1 .slick-initialized .slick-slide{ width: 157px !important;}
.index_cp1 .index_right{ clear: none; overflow: hidden; border: 0;}
.index_lc{ display: block;}
.index4{ padding: 15px 0 25px;}
}

@media only screen and (min-width: 960px) {
/**************index_top**************/
.index1 li{ width:24.7%; margin-right: 0.4%;}
.index1_1{font-size: 14px; line-height: 50px; padding: 0 10px;}
.index1_1 span{display: inline-block;}
.index1_1 a{ background: url(../images/index1.png) no-repeat 0 center; padding-left: 25px;}
.index_list .index_list1 em{width: 86px; height:86px ;background-size: auto auto !important; }
.index_list .index_list1 small{ display: block;}
.index_left{width:17.55%;}
.index_cp1 .slick-initialized .slick-slide{ width: 198px !important;}
.index_lc li{padding: 10px 2%;}
.index_lc li em{ margin-right: 20px;}
.index_lc li big{font-size: 16px;}

}
@media only screen and (min-width:1160px) {
.index_left{ width:198px}
.index_cp1 .index_right{ margin-right: 2px;}
.index_cp1 .slick-slide .index_right1{ padding: 15px 15px 16px;}
.index_cp1 .slick-initialized .slick-slide{ width: 240px !important;}
}