﻿@charset "utf-8";
/***************************宽屏样式(start)***************************/
.w_1200 #int .list{ margin-left:43px;}
.w_1200 #int .list:first-child{ margin-left:0;}
.w_1200 #int .list .pic{ width:191px; height:141px;}
.w_1200 #int .list .brief{ width:180px; height:141px;}
.w_1200 #int .list .brief a{ line-height:25px; height:141px;}
.w_1200 #inm .case{ width:760px;}
.w_1200 #inm .case .list{ width:350px; margin-left:20px; margin-top:35px;}
.w_1200 #inm .case .list .pic{ width:153px; height:83px;}
.w_1200 #inm .case .list .con{ width:185px;}
.w_1200 #inm .case .list .con .brief{ line-height:20px; height:40px; margin:5px 0;}
.w_1200 #inm .case .nor{ margin-left:0;}
.w_1200 #inm .case .top{ margin-top:0;}
.w_1200 #inm .news{ width:390px;}
.w_1200 #inm .news .list{ margin-top:10px;}
.w_1200 #inm .news .list .brief{ margin-top:5px;}
/***************************宽屏样式(end)***************************/
/*************************** banner (start) ***************************/
.bg{ height:74px; background:url(../images/in_bg.jpg) top center no-repeat;}
#banner{ height:520px; position:relative;}
#banner .pic{ width:100%; height:520px; position:relative;}
#banner .pic a{ width:100%; height:520px; display:none; position:absolute; left:0; top:0;}
#banner .ban_nav{ width:100%; height:14px; position:absolute; left:0; bottom:37px; text-align:right;}
#banner .ban_nav a{ width:14px; height:14px; display:inline-block; background:#bbbaba; border-radius:8px; -o-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -webkit-border-radius:8px; margin:0 2px;}
#banner .ban_nav .cur{ background:#019345;}
#int .list{ margin-left:35px;width:25%;}
#int .list:first-child{ margin-left:0;}
#int .list .pic{ width:156px; height:116px; overflow:hidden;}
#int .list .pic img{ vertical-align:middle;}
#int .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#int .list .brief{ width:60px; height:116px; overflow:hidden; background:url(../images/in_ad_bg.png);}
#int .list .brief a{ font-size:14px; color:#fff; height:116px; text-transform:uppercase; display:table-cell; padding:0 15px; vertical-align:middle; line-height:20px;}
#inm .in_sign{ font-size:20px; color:#0579b8;}
#inm .case{ width:621px;}
#inm .case .list{ width:286px; margin-left:16px; margin-top:28px;}
#inm .case .nor{ margin-left:0;}
#inm .case .top{ margin-top:0;}
#inm .case .list .pic{ width:125px; height:68px; border:2px solid #d1d1d3; text-align:center; border-radius:4px;}
#inm .case .list .pic img{ vertical-align:middle;}
#inm .case .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#inm .case .list .con{ width:151px;}
#inm .case .list .con .name{ height:20px; line-height:20px; overflow:hidden;}
#inm .case .list .con .name a{ font-size:14px;}
#inm .case .list .con .brief{ font-size:14px; color:#666; line-height:18px; height:36px; overflow:hidden;}
#inm .case .list .con .more a{  font-size:12px;color:#0093dd; text-decoration:underline; font-weight:bold; text-transform:uppercase; display:inline-block; transform: scale(0.8,0.8); -moz-transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8); -o-transform: scale(0.8,0.8);}
#inm .news{ width:319px;}
#inm .news .list{ margin-top:5px;}
#inm .news .list:first-child{ margin-top:0;}
#inm .news .list .name{ height:20px; line-height:20px; overflow:hidden;}
#inm .news .list .name span{ color:#0093dd; font-size:14px; margin-right:10px; font-weight:bold;}
#inm .news .list .name a{ font-size:15px; color:#333; text-decoration:none;}
#inm .news .list .brief{ font-size:13px; height:40px; line-height:20px; overflow:hidden; color:#666;}

.ShowPictureBox
{
    width:100%;
    min-width:1366px;
    height:auto;
    min-height:660px; 
    position:relative;
}
#RollPictureListBox
{
    width:1000%;
    height:auto;
    position:absolute;
}
.HomePictureBox
{
    width:10%;
    height:auto;
    float:left;
}
.HomePictureBox img
{
    width:100%;
    height:auto
}
.PictureNumberLabelRow
{
    width:100%;
    height:50px;
    position:absolute;
    top:90%;
    text-align:center;
}
.PictureNumberLabelBox
{
    width:200px;
    height:30px;
    margin:0px auto;
}
.PictureNumberLabel
{
    width:30px;
    height:30px;
    line-height:32px;
    float:left;
    text-align:center;
    cursor:pointer;
    margin-right:10px; 
    cursor:pointer; 
    font-size:16px; 
}
#AutoSizePicture
{
    width:100%;
    height:auto;
    min-height:660px;
    visibility:hidden;
}
#AutoSizePicture img
{
    width:100%;
    height:auto;
}
.PictureNumberLabel .TransparentLayer
{
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}

.ModelContainer
{
    width:100%;
    min-width:1366px;
    height:660px;
    background:-moz-linear-gradient(top, #A6A498, rgba(217, 215, 203, 1));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#A6A498), to(rgba(217, 215, 203, 1)));  
    background:-o-linear-gradient(top, #A6A498, rgba(217, 215, 203, 1)); 
    background:-ms-linear-gradient(top, #A6A498, #D9D7CB); background:#FFFFFF;
    
}
.ModelBox
{
    width:1366px;
    height:660px;
    margin:0px auto;
    position:relative;
    
}
.ModelBox div
{
    position:absolute;
}
.BackgroundImage
{
    width:1366px;
    height:660px;
    left:0px;
    top:0px;
}
.ModelPictureBox
{
    filter:alpha(opacity=01);
    -moz-opacity:0.01;
    opacity:0.01;
    cursor:pointer;
}
.ActiveModelPictureBox
{
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    cursor:pointer;
}
.ShowModelBox
{
    position:absolute;
    width:200px;
    height:50px;
    border:1px solid #CCCCCC;
}
#ShowModelBox
{
    border-radius:5px;
    -moz-border-radius:5px;
    width:auto;
    min-width:100px;
    height:auto;
    min-height:30px;
    line-height:30px;
    text-align:center;
    border:1px solid #CCCCCC;
    background-color:#EEEEEE;
    padding-left:20px;
    padding-right:20px;
}