@charset "utf-8";
/* CSS Document */
.index1{width: 100%; background: #ededed;padding:50px 0;}
.i1_title{font-family: arial; font-size: 30px; font-weight: bold; color: #4e4e4e; text-align: center;}
.i1_tab{text-align: center; margin-top:15px;}
.i1_tab a{font-size: 16px; font-weight: bold; color: #4d4d4d; display: inline-block; 
padding:6px 25px; border: 2px solid #ededed; border-radius: 2em;-moz-border-radius: 2em;}
.i1_tab a.hover{color: #21bbc7; border: 2px solid #21bbc7;}

.i1_con{width: 100%; overflow: hidden;}
.i1_div{width: 110%;}
.idl_pa{ width:584px; height: 314px; position: relative; margin-top: 30px;
float: left; margin-right: 48px; cursor: pointer;}
.i1_dl{width: 200px; padding: 40px 195px 50px 40px; background: #FFFFFF; 
position: absolute; left: 0; bottom: 0;}
.i1_dt{font-size: 22px; font-weight: bold; color: #373737;display: inline-block;
 border-bottom: 3px solid #373737; padding-bottom: 3px;}
.i1_a{font-size: 14px; font-weight: bold; color: #373737; line-height: 26px;
 padding: 20px 0; display: block;}
.i1_p{color: #868686; line-height: 24px;}
.i1_img{position: absolute; top:32px; right:-149px; font-size: 0;}
.i1i_p{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
filter:Alpha(opacity=50);background:#000000;}
.i1_read{position: absolute; background: #FFFFFF; display: none; padding: 6px; bottom: -20px; left: 45px;}
.i1_more em{ color: #21bbc7; float: left; font-size: 14px; line-height: 35px; padding:0 10px;}
.i1_more span{display: inline-block; width: 35px; height: 35px; float: left;
background: #21bbc7 url(../images/3.png) no-repeat center center;}
.idl_pa:hover .i1_dl{background: #21bbc7; transition-duration: 0.5s;}
.idl_pa:hover .i1_dt{color: #FFFFFF;border-bottom: 3px solid #FFFFFF;transition-duration: 0.5s;}
.idl_pa:hover .i1_a,.i1_dl:hover .i1_p{color: #FFFFFF;transition-duration: 0.5s;}
.idl_pa:hover .i1i_p{background:rgba(0, 0, 0,0) none repeat scroll 0 0 !important;
filter:Alpha(opacity=0);background:#000000;transition-duration: 0.5s;}

.index2,.index4{padding: 50px 0;}
.i2_title{text-align: center; color: #000000; font-weight: bold; font-family:"微软雅黑"; font-size: 16px;}
.i2_title span{display: block; font-family: arial; font-size: 30px; color: #4e4e4e; padding-bottom: 5px;}
.i2_dl{margin-top: 32px;}
.i2_dt{font-size: 20px; font-weight: bold; color: #4e4e4e;}
.i2_dd{width: 1060px; padding-left: 30px; border-left: 1px solid #a9a9a9;
color: #4e4e4e; line-height: 24px;}

.i2_div{margin-top: 75px;}
.i2d{width: 205px; margin-left:200px; float: left;}
.i2_img{font-size: 0; text-align: center;}
.i2_bor{width: 104px; height: 36px; margin:20px auto; background: url(../images/7.png) no-repeat;
text-align: center; line-height: 36px; font-size: 18px; font-weight: bold; color: #21bbc7;}
.i2_p{font-size: 12px; color: #21bbc7; line-height: 24px;}

.index3{width: 100%; height: 218px; background: url(../images/a2.jpg) no-repeat center center;}
.i3_p{font-size: 24px; color: #FFFFFF; margin-top: 75px;width: 490px;
background: url(../images/8.png) no-repeat right center; display: block; }
.i3_p span{display: block;font-family: "微软雅黑";font-size: 14px;padding-top: 20px; }
.i4_img{font-size: 0; text-align: center; margin-top: 30px;}

.i4_con{width: 110%;}
.i4c_div{width:auto; height: 110px; display: inline-block; margin-top: 55px; margin-right:70px;}
.hd_img{display: inline-block; vertical-align: middle;}
.hd_txt{width: 120px; height: 60px; overflow: hidden; font-size: 16px;display: inline-block; 
font-weight: bold; color: #383838; margin-left: 10px; line-height: 30px; vertical-align: middle;}
.hd_more{width: 190px; height:24px; background: #21bbc7; display: block;
margin: 0 auto; font-family: arial; font-weight: bold; color: #FFFFFF;margin-top:20px;
text-align: center; line-height: 24px; border-radius: 2em; -moz-border-radius: 2em;}
.wid{width: 190px;}


.index3{position: relative; cursor: pointer;}
.i3_pos1,.i3_pos2{width: 50%; height: 218px;position: absolute;top:0;background:#000000;opacity: 0.3; }
.i3_pos1{left: 0;}
.i3_pos2{right: 0;}
.i3_p{position: relative;z-index: 99;}
.i3_div:hover .i3_pos{opacity:0; transition-duration: 0.8s;}