﻿/* CSS Document */
#main{ width:1200px; margin:0px auto;}
#main .height3{ height:310px; margin-top:30px; overflow:hidden;}
#main .news{ width:300px; _width:302px;}
#main .news p.new,#main .service p.new{ height:60px; line-height:20px; margin-bottom:20px; overflow:hidden;}
#main .news p.new img,#main .service p.new img{ margin-right:8px;}
#main .news p.new a,#main .service p.new a{ color:#014582;}
#main .news .u1{ color:#014582; margin-bottom:24px;}
#main .news .u1 li{ width:100%; height:30px; line-height:30px; overflow:hidden;}
#main .news b{ font-size:14px;}
#main .news div{ margin-top:10px;}
#main .news div a{ width:74px; height:50px; display:inline-block; margin-left:1px; float:left;}
#main .news div a.first{ margin-left:0px;}

#main .pros{ width:503px; height:280px; margin-top:53px; border:#c0c0c0 solid 1px; margin-left:48px; position:relative;}
#main .pros #slider{ width:475px; height:28px; margin:20px auto 0px; background:url(/_image/slider-line.gif) 0px 23px repeat-x;}
#main .pros #slider li{ width:95px; height:28px; line-height:23px; text-align:center; float:left; cursor:pointer;}
#main .pros #slider li.active{ background:url(/_image/slider-bg.gif); color:#fff; cursor:default;}
#main .pros #obj{ width:475px; height:153px; overflow:hidden; margin:15px auto 22px;}
#main .pros #obj img.fl{ margin-right:10px;}
#main .pros #obj h3{ font-size:14px; font-weight:bold; margin-bottom:10px;}
#main .pros #obj p{ line-height:23px;}
#main .pros #obj a.a1{ display:inline-block; width:62px; height:19px; text-align:center; line-height:19px; border:#c0c0c0 1px solid;}
#main .pros #obj a.a2{ display:inline-block; width:80px; height:21px; padding-left:15px; font-weight:bold; background:url(/_image/ico1.gif) left center no-repeat;}


#main .pros ul.ul{ width:471px; height:28px; border:#c1c1c1 solid 1px; margin:0px auto; background:url(/_image/prosbg.gif);}
#main .pros ul.ul li{ width:117px; height:28px; line-height:28px; text-align:center; float:left;}



#main .service{ width:295px; overflow:visible;}
#main p.tit{ height:23px; line-height:23px; border-bottom:#000 dotted 1px; margin-bottom:10px; font-family:'微软雅黑'; font-size:16px; font-weight:bold;}
#main .pros img.tit{ position:absolute; left:82px; top:-20px;}
#selects #select{ display:none;}
#main .service #select{position:relative; width:100%; height:23px; margin:10px auto; _z-index:2;}
#main .service #select .select{ display:block; color:#000; width:293px; position:absolute; top:0px; left:0px; height:23px; line-height:23px; cursor:pointer; border:#bebebe solid 1px; background:url(/_image/select-bg.gif) right no-repeat;}
#main .service #select .sub{ display:block; width:293px; position:absolute; z-index:2000; top:24px; color:#000; background:#fff;border:1px solid #bebebe; display:none;}
#main .service #select .sub li{height:25px; line-height:25px; cursor:pointer; padding-left:10px;}
#main .service #select .sub li:hover{background:#3879d9;  color:#FFF;}
#main .service #select a:hover{ text-decoration:none;}
#main .service .online{ margin-top:40px;}
#main .service .online img{ float:left; margin-right:50px;}



.banner_div{height:350px;margin:1px auto 0px auto;overflow:hidden;position:relative;}

#flash { width:100%; height:350px; overflow:hidden; margin:0 auto; clear:both; position:relative; padding:0px;}
#flash a {width:100%; height:350px; display:none;}
#flash img {/*width:100%; height:407px; display:none;*/}
.flash_bar { width:180px; z-index:1069; height:30px; overflow:hidden; padding-top:13px!important; padding-top:12px; padding-left:60px; bottom:55px;text-align:center;margin:0 auto;position:relative; }
.flash_bar .dq { display:inline-block; float:left; width:10px; height:10px; margin:5px 5px; cursor:pointer;
background:url(/_image/banner/btn_main_img.png) no-repeat -12px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templets/v4/images/banner/tg_flash_p.png" ,sizingMethod="crop"); }
.flash_bar .no { display:inline-block; float:left; display:inline\9; width:10px; height:10px; margin:5px 5px; cursor:pointer;
background:url(/_image/banner/btn_main_img.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templets/v4/images/banner/tg_flash_p2.png" ,sizingMethod="crop"); }
#flashBg { height:350px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;}
#flashLine {height:350px; width:100%; clear:both;}


/*客服代码*/

/*首页新增内容*/
.rec-pro{
    width:940px;
    float:left;
}
.rec-ul{
    list-style: none;
}
.rec-ul li{
    float:left;
    display: inline;
    height:300px;
    margin-left: 75px;
}
.rec-ul li a{
    display: block;
}
.rec-ul li a img{
    width:230px;
}

.rec-ul >li >a >img:hover{
    border:3px solid #bdc0c3;

}
.rec-ul li a span{
    display: block;
    text-align: center;
    width: 230px;
    font-size: 16px;
    font-weight: bold;
    background-color: #bdc0c3;
    color:#d04a15;
    height: 30px;
    line-height: 30px;
}
#kinMaxShow
{
    width: 100%;
    height: 530px;
    overflow: hidden;
}
.ban_pc > #kinMaxShow > .KMSPrefix_kinMaxShow_image_box> div{
    background-size: 100% !important;
}
#kinMaxShow .KMSPrefix_kinMaxShow_image_box .KMSPrefix_kinMaxShow_image_item {
    height: 660px !important;
}
