.grid-container{min-width:320px; max-width:1200px;position:relative; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right:auto; margin-left:auto;}
.res-container{min-width:320px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right:auto; margin-left:auto;}
/*-- 清除浮动 -- */
.row:before,.row:after{content:""; display:table; clear:both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position: relative; min-height: 1px;}

/*col-xs-　无论屏幕宽度如何，单元格都在一行，宽度按照百分比设置；试用于手机；*/
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float: left;}
.col-xs-12{width: 100%;}
.col-xs-11{width: 91.66666667%;}
.col-xs-10{width: 83.33333333%;}
.col-xs-9{width: 75%;}
.col-xs-8{width: 66.66666667%;}
.col-xs-7{width: 58.33333333%;}
.col-xs-6{width: 50%;}
.col-xs-5{width: 41.66666667%;}
.col-xs-4{width: 33.33333333%;}
.col-xs-3{width: 25%;}
.col-xs-2{width: 16.66666667%;}
.col-xs-1{width: 8.33333333%;}
.xs-hide{display:none;} 
.xs-show{display:block;}

/*col-sm-　屏幕大于768px时，单元格在一行显示；屏幕小于768px时，独占一行；试用于平板；*/
@media (min-width: 768px){.res-container{width:750px;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float: left;} .col-sm-12{width: 100%;} .col-sm-11{width: 91.66666667%;} .col-sm-10{width: 83.33333333%;} .col-sm-9{width: 75%;} .col-sm-8{width: 66.66666667%;} .col-sm-7{width: 58.33333333%;} .col-sm-6{width: 50%;} .col-sm-5{width: 41.66666667%;} .col-sm-4{width: 33.33333333%;} .col-sm-3{width: 25%;} .col-sm-2{width: 16.66666667%;} .col-sm-1{width: 8.33333333%;} .sm-hide{display:none;} .sm-show{display:block;}}
    
    

/*col-md-　屏幕大于992px时，单元格在一行显示；屏幕小于992px时，独占一行；试用于桌面显示器；*/
@media (min-width: 992px){.res-container{width:970px;} .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float: left;} .col-md-12{width: 100%;} .col-md-11{width: 91.66666667%;} .col-md-10{width: 83.33333333%;} .col-md-9{width: 75%;} .col-md-8{width: 66.66666667%;} .col-md-7{width: 58.33333333%;} .col-md-6{width: 50%;} .col-md-5{width: 41.66666667%;} .col-md-4{width: 33.33333333%;} .col-md-3{width: 25%;} .col-md-2{width: 16.66666667%;} .col-md-1{width: 8.33333333%;} .md-hide{display:none;} .md-show{display:block;}}

/*col-lg-　屏幕大于1200px时，单元格在一行显示；屏幕小于1200px时，独占一行；适用于大型桌面显示器；*/
@media (min-width: 1200px){.res-container{width:1170px;} .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float: left;} .col-lg-12{width: 100%;} .col-lg-11{width: 91.66666667%;} .col-lg-10{width: 83.33333333%;} .col-lg-9{width: 75%;} .col-lg-8{width: 66.66666667%;} .col-lg-7{width: 58.33333333%;} .col-lg-6{width: 50%;} .col-lg-5{width: 41.66666667%;} .col-lg-4{width: 33.33333333%;} .col-lg-3{width: 25%;} .col-lg-2{width: 16.66666667%;} .col-lg-1{width: 8.33333333%;} .lg-hide{display:none;} .lg-show{display:block;}
}
    

@media (min-width: 768px){
    .cpc_nav .top_relationship .language_box{margin-right:0px;}
    .cpc_nav .photography_lease_content .my_order_box{margin-right:0;}
    .cpc_nav .photography_lease_content .my_order_box .cw_icon a{display:block;}
    .cpc_nav .photography_lease_content .photography_lease_navigator .nav_title a{font-size:16px;}
    .cpc_nav .photography_lease_content .photography_lease_navigator .sub_li{width:14.2%;}
    .main_content .exhibition_picture .main_left .exhi_list_con{margin-right:20px;padding-top:10px;}
    .main_content .exhibition_picture .main_left .ex_hitit{margin-bottom: 10px;}
    .container .main_content{padding-top:20px;}
}

@media (min-width: 992px){
    .cpc_nav .photography_lease_content .photography_lease_navigator .nav_title a{font-size:18px;}
    .main_content .exhibition_picture .equipment_order{padding:0 20px 25px;}
    .main_content .exhibition_picture .subscribe_order .describe{padding: 0px 10px 0 25px;}
    .main_content .exhibition_picture .subscribe_order .describe h3{margin-top:0;}
    .main_content .exhibition_picture .subscribe_order .describe_address {padding: 0px 25px;}
    .main_content .exhibition_picture .subscribe_order .describe_address h3 {margin-top:0;}
    .main_content .exhibition_picture .main_left .ex_hitit h2 {font-size: 32px;}
}