﻿

/*banner部分*/
#banner{position:relative;z-index:99;width:100%;height:568px;overflow: hidden;clear:both;}
#banner .banner_bg{position:absolute;top:0;left:0;height:100%;}
#banner .banner_bg li{position:relative;float: left;height:100%;overflow: hidden;}
#banner .banner_bg li img{margin-left:-951.5px;position:absolute;top:0;height:100%;}
/*#banner .banner_bg li img{width:100%;max-height:100%;}*/

#banner .banner_btn{position:absolute;z-index:100;bottom:15px;height:12px;width:100%;text-align: center;}
#banner .banner_btn li{cursor:pointer;display:inline-block;margin:0 3px;width:10px;height:10px;border:1px solid #333;border-radius: 50%;-ms-border-radius:50%;}
#banner .banner_btn li.active{background:#ff4800;}

/*product部分*/
#product{width:100%;height:auto;clear: both;}

.product_title{padding-top:40px;width:100%;height:60px;text-align: center;}
.product_title .title_xt{display:inline-block;margin-top:29px;width:240px;height:2px;background: url(../image/product_xt.png) no-repeat;}
.product_title .title_txt{display:inline-block;margin:0 5px;width:160px;height:60px;vertical-align: top;}
.product_title .title_txt h3{width:100%;line-height:1.4;text-align: center;font-size: 24px;font-weight: 700;}
.product_title .title_txt p{width:100%;line-height:1.4;text-align: center;font-size: 18px;color:blue;}

.product_cont{width:100%;height:auto;}
.product_cont a{position:relative;display:inline-block;float:left;width:23%;margin:1%;height:auto;}
.product_cont a:nth-child(4n+1){clear:both}
.product_cont a:hover{opacity:0.6;filter:alpha(opacity:60);}
.product_cont a img{display:block;width:100%;border:1px solid #ccc;}
.product_cont a p{position:absolute;bottom:15px;left:0px;display:block;width:184px;height:30px;line-height:30px;text-indent:10px;color:#fff;background:#696969;overflow: hidden;}


/*infor部分*/
#infor{padding:45px 0px;width:100%;height:auto;clear: both;background:#F2F0F1;font-family: "microsoft yahei";}
.infor_left{float:left;width:65%;}
.infor_right{float:right;width:30%;}
.infor_title{width:100%;height:25px;line-height:25px;text-align: left;}
.infor_title a{color:#000;font-weight: normal;font-size: 22px;}
.infor_left .infor_title a.infor_title_L.active{color:#3A5DAE;}
.infor_left .infor_title a.infor_title_L:hover{color:#3A5DAE;}
.infor_right .infor_title a{cursor:default;}
.infor_title span{margin:0 10px;font-size: 18px;}
.infor_title .more{float: right;margin-right: 40px;font-size: 18px;color:#666;}
.infor_title .more:hover{color:#3A5DAE;text-decoration: underline;}

.infor_cont{width:100%;height:auto;}
.infor_cont_txt{display:none;margin-top:30px;width:100%;}
.infor_cont_txt.active{display: block;}
.infor_cont_txtLi{margin-bottom:10px;width:100%;height:100px;background:#fff;}
.infor_cont_txtLi_time{float:left;width:16%;height:100px;background:#3A5DAE;color:#fff;}
.infor_cont_txtLi_time p.time1{margin-top:15px;line-height:42px;width:100%;font-size:42px;font-weight:700;text-align: center;}
.infor_cont_txtLi_time p.time2{line-height:30px;width:100%;font-size:14px;font-weight:500;text-align: center;}

.infor_cont_txtLi_news{float:right;padding:0 3%;width:78%;height:100px;overflow: hidden;}
.infor_cont_txtLi_news p{margin-top:15px;width:100%;line-height:1.6;font-size: 14px;word-break: break-all;}
.infor_cont_txtLi_news p a{font-size: 14px;color:#333;}
.infor_cont_txtLi_news p:hover a{text-decoration:underline;color:#3A5DAE;}

.infor_cont_txt_R{margin-top:30px;width:100%;}
.infor_right_img{margin-top:10px;width:100%;height:210px;}
.infor_right_img img{width:96%;height:96%;border:5px solid #fff;border-radius: 5px;}
.infor_right_txt{margin-top:20px;width:100%;height:100px;overflow: hidden;}
.infor_right_txt p{width:100%;line-height:1.8;font-size: 14px;}
.infor_right_txt p a{margin-left:10px;width:100%;color:#3A5DAE;font-weight: bold;}
.infor_right_txt p a:hover{text-decoration: underline;}

/*link部分*/
#link{width:100%;height:auto;clear: both;}
.link_title{padding:45px 0 10px 0;width:100%;height:25px;line-height:25px;border-bottom: 1px dashed #888;}
.link_title h3{float:left;font-size: 22px;font-weight: 700;color:#3A5DAE;}


.link_cont{position:relative;padding:25px 0;width:100%;overflow: hidden;}

.link_cont a{display:block;float:left;width:10%;height:55px;text-align:center;overflow: hidden;}
.link_cont a img{max-width:102px;max-height:36px;}
.link_cont a img:hover{border:1px solid #f40;}
@media (max-width:600px)
{
.product_cont a{margin-bottom:10px !important}
.product_cont a:nth-child(4n+1){clear:none}
.product_cont a:nth-child(2n+1){clear:both}
}


