/*首页p1*/
#header2 {
   
    margin: 0 100px 0 0;
    position:relative;
    top:-60px;
}
.container { 
    background-color:aliceblue;
    width: 98%;
    max-width:1200px;
    height: 100%;
    max-height:400px;
}
#main{
    width:99%;
    background-color:azure;
}
.container:hover .arrow {
    display: block;
}
.main_column, .main_column1, .main_column2, .main_column3 {
    width: 98%;
    margin: 0 2px ; 
}
.main_column1 {
    background-color: white;
    height: auto;
}

.main_column2 {
  
    height: 600px;
}
.main_column3 {
    background-color: white;
    height: 500px;
}
 .jianjie {
    background: #E57B2A;
     padding: 10px 10px;
    width: 95%;
    margin-left: 4px;
    height: 120px;
    color: white;
}
 .jianjie em {
        padding-right: 8px;
        float: left;
    }

.jianjie em img {
        float: left;
        margin-right: 4px;
    }
 
   .jianjie p {
         width: 320px;
        display: block;
        float: left;
    }

.main_column h1, .main_column h2, .main_column h3 {
    text-align: center;
    font: normal 20px/200% \5FAE\8F6F\96C5\9ED1;
}

.main_column .ul, .main_column1 ul, .main_column2 ul {
    padding: 10px 0 0 0;
}

.main_column ul li, .main_column1 ul li, .main_column2 ul li {
    font-size: 14px;
}

.servicelink {
    padding: 38px 0px 35px 0px;
}

  .servicelink ul {
        margin: 0px;
        padding: 0px;
    }


.m_right {
    margin: 5px 0px 0 12px;
}

/*首页第一排*/
.section_row {
    width: 99%;
    max-width: 1280px;
    margin: 0 auto;
    height: auto;
    background-color:white;
   
}
.column_3 > article {
    float: left;
    padding: 1%;
    margin: 0.5%;
    width: 30%;
    background: #ffffff;
    color: #000000;
    border: 1px solid red;
    height: 280px;
}
  .column_3 > article p {
        PADDING-LEFT: 14px;
        PADDING-right: 10px;
        LINE-HEIGHT: 20px;
        BACKGROUND-REPEAT: no-repeat;

        font-style: normal;
        font-weight: normal;
        text-indent: 20pt;
        word-spacing: 5px;
        text-align: left;
        font-size: 1em;
    }

.column_2 {
    position: relative;
    padding: 0 10px;
    width: 46%;
    height: 350px;
    float: left;
    border: 1px solid red;
    margin: 0 5px;
    display: inline-block;
    overflow-y: scroll;
    background-color:white;

}
    .column_2 > ul > li {
        list-style: none;
        padding: 2px 5px;
        width: 45%;
        margin: 0 2px;
        float: left; 
          height:165px;

    }
    .column_2 > ul > li  img {
        width: 150px;
        height: 100px;
    }

div .Newstitle {
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin: 20px;
}

/*首页jlg*/

#jlg_row {
    background: #754b44;
    padding: 10px;
    width: 96%;
    margin-left: 2px;
    height: 150px;
    color: white;
}
    #jlg_row .news_section em {
        padding-right: 8px;
        float: left;
    }

        #jlg_row .news_section em img {
            float: left;
            margin-right: 4px;
            height:130px;
        }



/* 公用图片  */
.fl_image {
    float: left;
    margin-right: 30px;
    border: 4px solid #fff;
    width:220px;
}

.fr_image {
    float: right;
    margin-left: 15px
}

.floatimgleft {
    float: left;
    margin: 5px 10px 0px 10px;
}
#sy_gdtp {
    PADDING-BOTTOM: 10px;
    WIDTH: 98%;
    max-width:960px;
    PADDING-RIGHT: 10px;
    MARGIN-LEFT: 10px;
    OVERFLOW: hidden;
    PADDING-TOP: 10px; margin:0 auto;
}
   .macreen >td>img{width:170px;height:190px;}
    /* 公用图片完  */
    #mod_link {
        margin: 5px 0 0 0;
        height: 100px;
        background: url(../../Images2013/righth1bg.jpg) no-repeat;
    }

   
/* 首页三列  */
.middle_box {
    position: relative;
    float: left;
    width: 32%;
    padding-bottom: 12px;
    background: #754b44;
    color: white; margin:0 2px;padding:1px;
    height:250px;
    display:inline-block; overflow-y:scroll;
}
    .middle_box:nth-child(odd){
        background: #e57b2a;
    }

.middle_box_content {
    height: 220px;
    overflow: hidden;
}

    .middle_box_content ul {
        margin: 0 0 10px 2px;
        padding: 0px; list-style:none;
    }
 .middle_box_content ul li {
            margin: 0px;
            padding: 5px 1px 2px 0;
            border-bottom: none; 
        }
        .middle_box_content ul li a{
            color:white;
        }
    .middle_box_content ul li:hover, .middle_box_content ul li a:hover {
        color: white;
        background-color: #4e783a;
    }


.middle_box .middle_box_content {
    padding: 0 20px 30px 20px;
}

.middle_box_content p {
    margin-bottom: 10px;
}

/* 滚动  */
.kuzhan-ul {
    width: 2200px;
}
.footer_box_2 {
    position: relative;
    float: left;
    width: 31.5%;
    padding-bottom: 12px;
    height: 250px;
    display: inline-block;
    overflow-y: scroll;
}
    .footer_box_2 > ul > li {
        margin: 5px;
        padding: 5px 2px 2px 18px;
        border-bottom: none;
        float: left;
    }
  
    .footer_box_2:nth-child(odd) {
    background: #e57b2a;

}
.footer_box_2:nth-child(even) {
    background: #754b44;
}
    .footer_box_2 ul li:hover {
        background: #432523;
    } 
  .footer_box_2 .footer_box_content {
        padding: 5px 5px 5px 2px;
    }
      .footer_box_2 .footer_box_content ul li {
            margin: 5px;
            padding: 5px 2px 2px 18px;
            border-bottom: none;
            float: left;
        }  
      .footer_box_2 .footer_box_content ul a {
            color: #ffffff;
        }  
      .footer_box_2 p {
        margin-bottom: 5px;
        padding: 8px 0px 3px 2px;
    }
ul {
    list-style: none;
}

.container {
    width:99%;
    height: 450px;
    position:relative;
    margin: 0 auto;
    top:-40px;
    overflow:hidden;
 
}

.list {
    width: 5200px;
    height: 450px;
    position: absolute;
    margin: 0 auto;
   
}
    .list > img {
        float: left;
        width: 1280px;
        height: 450px;
    }

.pointer {
    position: absolute;
    width: 100px;
    bottom: 20px;
    left: 250px;
}

    .pointer > span {
        cursor: pointer;
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #7b7d80;
        border-radius: 50%;
        border: 1px solid #fff;
    }

    .pointer .on {
        background: #28a4c9;
    }

.arrow {
    position: absolute;
    text-decoration: none;
    width: 40px;
    height: 40px;
    background: #727d8f;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    top: 180px;
    display: none;
}

    .arrow:hover {
        background: #0f0f0f;
    }

.left {
    left: 0;
}

.right {
    right: 0;
}

.container:hover .arrow {
    display: block;
}
/*全高清电脑屏幕*/
@media only screen and (min-width: 1200px) {
    .list > img {
        width: 100%;
        max-width: 1300px;
        height: 450px;
    }
    .list {
        width: 5200px;
    }
}
/*电脑屏幕*/
    @media only screen and (min-width: 810px) and (max-width: 1200px)
    {
      .list > img {
            width: 980px;
            max-width: 980px;
            height: 380px;
        }
        .container {
            width:99%;
            height:400px;
            
        }
.list {
    width: 3600px;    
}
        .main_column3 {
            width: 98%;
            height: 450px;
           
        }
       
        
        .section_row {
            width: 99%;
            max-width: 980px;
        }

        .column_3 > article {
          
            width: 30%;  
        }
        .column_2 > ul > li {
          height:150px;
           
        }
        .middle_box {          
            height: 320px;
         
        }
        .tab_content {
            height: 350px;
        }
       
    }
/*手机横屏*/
    @media only screen and (max-width: 809px) and (min-width: 648px) {

        .main_column3 {
            width: 98%;
            height: 480px;
        }


        .section_row {
            width: 99%;
            max-width: 980px;
        }
        

       .list > img {
            width: 55%;
            max-width: 720px;
            height: 350px;
        }

        .column_3 > article {
            width: 30%;
            height: 320px;
            overflow-y: scroll;
        }

        .column_2 {
            width: 45%;


        }

        .kuzhan-ul {
            width: 1800px;
        }

        .container {
            width: 90%;
            height: 400px;
        }
     
        tab_content {
            background-color: red;
        }

        .fl_image {
            float: none;
        } 
    }
/*手机竖屏*/

    @media only screen and ( max-width: 640px ) {
        /* some CSS here */
        .middle_box, #jlg_row, .column_2, .column_3 > article {
            width: 100%;
            float: none;
            height: auto;
        }

        .column_2 {
            width: 100%;
            height: 100%;
            float: none;
        }
        .column_3 > article {
           
            height: 350px;
            overflow-y: scroll;
        }

        .middle_box_content {
            height: auto;
        }

        .kuzhan-ul {
            width: 1500px;
        }

        .footer_box_2 {
            float: none;
            clear: none;
            width: 100%;
        }

        #jlg_row {
            height: 100%;
            width: 90%;
        }

            #jlg_row .news_section em {
                display: none;
            }

        .rslides {
            display: none;
        }

        .container {
            width: 60%;
            height: auto;
            margin: 0 auto;
            overflow: hidden;
        }
        #tab7{
            display:none;
        }

        .fl_image {
            float: none;
        }
    }


/*手机竖屏*/
    @media only screen and ( max-width: 640px ) and (orientation:portrait) {
        .main_column3 {
            
            height: auto;
        }
        .column_2 > ul > li {
            width: 100%;
        }

            .column_2 > ul > li img {
                width: 100%;
            }

        .tab_content {
            display: none;
        }

        .kuzhan-ul {
            width: 1000px;
        }

        .footer_box_2 {
            float: none;
            clear: none;
            width: 100%;
        }

        #jlg_row {
            height: auto;
        }

        .container {
            width: 50%;
            height: 200px;
        }

        .list > img {
            width: 50%;
            height: 200px;
        }

        .middle_box, #jlg_row, .column_2, .column_3 > article {
            width: 100%;
            float: none;
            height: auto;
        }
        .column_3 > article {
            height: 350px;
            overflow-y: scroll;
        }
        .column_2 {
            width: 100%;
            height: 100%;
            float: none;
        }
       
        .container {
            width: 60%;
            height: auto;
            margin: 0 auto;
            overflow: hidden;
        }
       
    }

    /* #### iPhone 6 and 6 plus Portrait or Landscape #### */
    @media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {

        .middle_box, #jlg_row, .column_2, .column_3 > article {
            width: 100%;
            float: none;
            height: auto;
        }

        .jianjie {
            height: auto;
        }

            .jianjie em {
                float: none;
            }

                .jianjie em img {
                    float: none;
                }


        #jlg_row .news_section em {
            float: none;
        }

            #jlg_row .news_section em img {
                float: none;
                height: 100px;
            }

        .rslides {
            display: none;
        }

        .middle_box_content {
            width: 100%;
            float: none;
            height: auto;
        }

        .footer_box_2 {
            float: none;
            clear: none;
            width: 100%;
        }

        #jlg_row {
            height: auto;
        }
    }