.tit { background: url(../img/in_dyn04.png) no-repeat center 48px; height: 59px; margin-top: 10px;}
.tit img { float: left;}
.tit h3 { float: left; height: 40px; line-height: 40px; text-indent: 10px; color: #381b13; font-size: 20px; line-height: 20px; padding-top: 5px; display: inline-block;}
.tit h3 span { display: block; font-size: 16px; color: #c52727; font-weight: normal;}
.tit em { float: left; background: url(../img/in_dyn01.png) repeat-x; width: 26%; height: 14px; display: inline-block; margin: 8px 0 0 -5px;}
.tit em.cem { width: 52%; }
.tit a.more { background: url(../img/in_dyn02.png) no-repeat; width: 87px; height: 18px; display: inline-block; margin-top: 7px; text-align: center; color: #fff;
    font-size: 12px; line-height: 18px; padding-left: 10px;}
.tit3 { background: none;}
.tit3 em { width: 76.5%; }

.tit1 { background: url(../img/ic003.png) no-repeat left center; padding-left: 46px; width: 142px; margin: 20px auto; line-height: 31px;}
.tit1 a { font-size: 24px; color: #d6000f;}

.in_new { margin-top: 20px;}
.in_new .in_n_t { width: 70%; height: auto; text-align: center; margin: 0 auto;}
.in_new .in_n_t a { font-size: 32px; line-height: 45px; text-align: center; font-weight: bold; color: #c52727;}
.in_new .in_newL { width: 49.4%; position: relative; max-height: 544px; overflow: hidden;}
.in_new .in_newL .bd { width: 100%;}
.in_new .in_newL .bd li { width: 100%; position: relative; overflow: hidden;}
.in_new .in_newL .bd li a.pic { position: relative; width: 100%; padding: 30.2% 0; display: block;}
.in_new .in_newL .bd li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_new .in_newL .bd li a.txt { position: absolute; left: 0; bottom: 0; width: 100%; background: url(../img/black.png); height: 42px; line-height: 42px; display: block;
    color: #fff; font-weight: 700; font-size: 16px; padding-left: 10px;}
.in_new .in_newL a.prev, .in_new .in_newL a.next { position: absolute; left: 3%; top: 50%; width: 43px; height: 93px; margin-top: -46px;display: block; opacity: 0.5;
    filter: alpha(opacity=50); background: url('../img/slider-arrow.png') no-repeat;}
.in_new .in_newL a.next { left: auto; right: 3%; background-position: right;}
.in_new .in_newL a.prev:hover, .in_new .in_newL a.next:hover { filter: alpha(opacity=100); opacity: 1;}
.in_new .in_newR { width: 49.3%;}
.in_new .in_newR .in_newRt .hd { width: 100%; height: 54px; background: #f5f5f5;}
.in_new .in_newR .in_newRt .hd li { float: left; width: 33.3333333333333333%; text-align: center; line-height: 54px;}
.in_new .in_newR .in_newRt .hd li a { font-size: 18px; color: #434343; display: block;}
.in_new .in_newR .in_newRt .hd li:hover a, .in_new .in_newR .in_newRt .hd li.on a { color: #fff; background: #c52727; font-weight: bold;}
.in_new .in_newR .in_newRt .bd { margin-top: 20px;}
.in_new .in_newR .in_newRt .bd li { background: url(../img/dot.png) no-repeat left center; padding-left: 20px; height: 38px; line-height: 38px; font-size: 16px;
    border-bottom: 1px dotted #d2d2d2;}
.in_new .in_newR .in_newRt .bd li a { width: 85%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.in_new .in_newR .in_newRt .bd li:hover a { color: #c52727;}
.in_new .in_newR .in_newRt .bd li span { float: right;}

.in_gg { margin-top: 10px;}
.in_gg a, .in_gg a img { width: 100%;}

.mr10 { margin-right: 5px;}
.in_dynamic { background: #f5f5f5; margin-top: 10px; padding-bottom: 5px;}
.in_dynamic .in_dyn { width: 32%; background: url(../img/in_dyn03.png) no-repeat center right; padding-right: 25px;}
.in_dynamic .in_dyn .in_dynm { margin: 10px;}
.in_dynamic .in_dyn .in_dynm .in_thshow { margin-bottom: 5px;}
.in_dynamic .in_dyn .in_dynm .in_thshow img { width: 30%; height: 98px;}
.in_dynamic .in_dyn .in_dynm .in_thshow .fr { width: 68%;}
.in_dynamic .in_dyn .in_dynm .in_thshow h4 a { line-height: 24px; color: #d80001; font-size: 16px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.in_dynamic .in_dyn .in_dynm .in_thshow .fr p { text-indent: 2em; line-height: 24px; font-size: 14px; display: -webkit-box; overflow: hidden;
    -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.in_dynamic .in_dyn .in_dynm li { height: 32px; line-height: 32px; padding-left: 15px; background: url(../img/sc_04.png) left center no-repeat; list-style: none;
    overflow: hidden; border-bottom: 1px dotted #999; font-size: 14px;}
.in_dynamic .in_dyn .in_dynm li a { color: #333;}
.in_dynamic .in_dyn .in_dynm li span { float: right; color: #333; margin: 0 7px 0 0; font-size: 12px;}
.in_dynamic .in_dyn .in_dynm li:hover a, .in_dynamic .in_dyn .in_dynm .in_thshow .fr p a { color: #d80001;}
.in_dynamic .in_dynr { width: 32%;}
.in_dynamic .in_dynrm { margin: 10px;}
.in_dynamic .in_dynrm a.pic { float: left; width: 34%; height: auto; display: inline-block; margin: 0 15px 0 0;}
.in_dynamic .in_dynrm a.pic img { width: 100%; height: auto;}
.in_dynamic .in_dynrm h3 { font-weight: normal; color: #333; margin-bottom: 10px;}
.in_dynamic .in_dynrm p { font-size: 14px; line-height: 23px; text-indent: 2em;}
.in_dynamic .in_dynrm p a.more { color: #d80001; text-indent: 0;}

.in_about { margin: 10px auto;}
.in_about .in_abL { width: 28%; background: #d80001; color: #fff;}
.in_about .in_abL h3 { text-align: center; font-size: 36px; margin: 20px 0 10px 0; font-weight: normal;}
.in_about .in_abL h3 span { font-size: 24px; margin: 10px 0 0 0; display: block;}
.in_about .in_abL p { margin: 10px 20px 20px 20px; text-indent: 2em; text-align: justify; line-height: 25px;}
.in_about .in_abL p a { color: #fff;}
.in_about .in_abL p a:hover { text-decoration: underline;}
.in_abR { width: 70.5%;}
.in_abR .in_abRmg, .in_abR .in_abRm { float: left; width: 33.33%; margin-bottom: 10px; background: #e61e21; color: #fff; text-align: center;}
.in_abR .in_abRmg { height: 187px;}
.in_abR .in_abRm { height: 133px; padding-top: 54px;}
.in_abR .in_abRm h3 { font-size: 24px; font-weight: normal; font-family: inherit; font-weight: 500; line-height: 1.1;}
.in_abR .in_abRm h4 { font-size: 18px; font-weight: normal; line-height: 40px;}
.in_abR .in_abRm a { color: #fff;}

.in_case { background: #f5f5f5; overflow: hidden; padding-bottom: 20px; margin-bottom: 10px;}
.in_case .in_casem { margin-top: 5px; position: relative;}
.in_case .in_casem .bd { width: 93%; margin: 0 auto; overflow: hidden;}
.in_case .in_casem .bd li { float: left; width: 22.4%; margin-right: 10px;}
.in_case .in_casem .bd li a.pic { position: relative; width: 100%; padding: 43.33% 0; display: block;}
.in_case .in_casem .bd li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_case .in_casem .bd li a.txt { width: 100%; display: block; background: #e6e6e6; line-height: 40px; color: #333; font-size: 18px; text-align: center; margin-top: 1px;}
.in_case .in_casem .bd li:hover a.txt { background: #d80001; color: #fff; text-decoration: none;}
.in_case .in_casem .prev, .in_case .in_casem .next { position: absolute; top: 50%; width: 30px; height: 60px; margin-top: -30px; display: block;}
.in_case .in_casem .prev { left: 10px; background: url('../img/prev.png') no-repeat;}
.in_case .in_casem .next { right: 10px; background: url('../img/next.png') no-repeat;}

@media screen and ( max-width: 1920px ) {}
@media screen and ( max-width: 1697px ) {
	.in_new .in_newR .in_newRb { margin-top: 12px;}
	.in_coop li { width: 16.07%;}
}
@media screen and ( max-width: 1680px ) {
	.in_new .in_newR .in_newRb { margin-top: 12px;}
	.in_coop li { width: 16.07%;}
}
@media screen and ( max-width: 1660px ) {
	.in_brand .in_brandb .in_bdb { width: 31.6%;}
	.in_coop li { width: 16%;}
	.in_new .in_newL .bd li a.pic { padding: 30.7% 0;}
}
@media screen and ( max-width: 1640px ) {
	.in_new .in_newL .bd li a.pic { padding: 31.2% 0;}
	.in_dynamic .in_dynr { width: 31%;}
	.in_dynamic .in_dynrm p { line-height: 21px;}
}
@media screen and ( max-width: 1600px ) {
	.in_new .in_newL .bd li a.pic { padding: 31.8% 0;}
}
@media screen and ( max-width: 1570px ) {
	.in_new .in_newL .bd li a.pic { padding: 32.4% 0;}
}
@media screen and ( max-width: 1540px ) {
	.in_new .in_newL .bd li a.pic { padding: 33% 0;}
}
@media screen and ( max-width: 1500px ) {
	.in_new .in_newL .bd li a.pic { padding: 34% 0;}
}
@media screen and ( max-width: 1487px ) {
	.in_coop li { width: 15.95%;}
	.in_new .in_newL .bd li a.pic { padding: 34.8% 0;}
}
@media screen and ( max-width: 1440px ) {
	.in_new .in_newR .in_newRt .bd li a { width: 83%;}
	.in_new .in_newR .in_newRb li { width: 32.4%;}
	.in_new .in_newL .bd li a.pic { padding: 35.5% 0;}
	.in_open .in_openr ul li a.pic { padding: 40% 0;}
	.in_gg0 li { width: 32.7%;}
	.in_brand .in_brandb .in_bdb { width: 31.6%;}
	.in_coop li { width: 15.95%;}
}
@media screen and ( max-width: 1400px ) {
	.in_new .in_newL .bd li a.pic { padding: 36.8% 0;}
	.in_coop li { width: 15.9%;}
	.in_dynamic .in_dynrm p { line-height: 18px;}
}
@media screen and ( max-width: 1377px ) {
	.in_brand .in_brandb .in_bdb { width: 31.5%;}
}
@media screen and ( max-width: 1366px ) {
	.in_new .in_newR .in_newRb li { width: 32.3%;}
	.in_new .in_newL .bd li a.pic { padding: 37.5% 0;}
	.in_gg0 li.mr0 { width: 32.7%; margin-right: 0;}
	.in_brand .in_brandb .in_bdb { width: 31.5%;}
	.in_coop li { width: 15.9%;}
	.xsl .xsll .xsll_info .fr { line-height: 26px;}
}
@media screen and ( max-width: 1330px ) {
	.in_new .in_newL .bd li a.pic { padding: 38.8% 0;}
}
@media screen and ( max-width: 1323px ) {
	.in_coop li { width: 15.85%;}
	.in_dynamic .in_dynr { width: 30%;}
}
@media screen and ( max-width: 1280px ) {
	.in_new .in_n_t { width: 75%;}
	.in_new .in_newR .in_newRt .bd li a { width: 80%;}
	.in_new .in_newR .in_newRb li { width: 32.2%;}
	.in_new .in_newR .in_newRt .bd { margin-top: 0;}
	.in_brand .in_brandb .in_bdb { width: 31.4%;}
	.tit2 a { width: 30%;}
	.in_coop li { width: 15.8%;}
	.xsl .xsll .xsll_info .fr { line-height: 25px;}
	.in_new .in_newR .in_newRb li { height: 56px;}
	.in_new .in_newR .in_newRb li span { height: 36px;}
	.in_new .in_newR .in_newRb li a { height: 34px; line-height: 34px;}
}
@media screen and ( max-width: 1024px ) {
	.in_new .in_n_t { width: 80%;}
	.in_new .in_newR .in_newRb li { width: 32%;}
	.in_new .in_newR .in_newRt .hd { height: 45px;}
	.in_new .in_newR .in_newRt .hd li { line-height: 45px;}
	.in_new .in_newR .in_newRt .bd li { height: 34px; line-height: 34px;}
	.in_new .in_newR .in_newRb li { height: 50px;}
	.in_new .in_newR .in_newRb li span { height: 30px;}
	.in_new .in_newR .in_newRb li a { height: 28px; line-height: 28px;}
	.in_gg0 li { width: 32.6%;}
	.xsl .xsll .xsll_info .fr { line-height: 23px;}
	.in_brand .in_brandb .in_bdb { width: 31.2%;}
	.in_coop li { width: 15.7%;}
}
@media screen and ( max-width: 768px ) {
    .in_new, .in_open, .in_web { margin: 1em auto;}
    .in_new .in_n_list .in_n_r .hd { height: 30px; line-height: 30px; font-size: 18px;}
    .in_new .in_n_list .in_n_r .hd li:hover a, .in_new .in_n_list .in_n_r .hd li.on a { height: 30px; line-height: 30px; padding-bottom: 0;}
    .in_new .in_n_list .in_n_r .hd li span { padding: 0; height: 30px;}
    .in_new .in_n_list .in_n_l, .in_new .in_n_list .in_n_l .bd, .in_new .in_n_list .in_n_l .bd li, .in_new .in_n_list .in_n_l .bd li img { height: 220px;}
    .in_new .in_n_list .in_n_r .bd li { height: 24px; line-height: 24px; margin-top: 0;}
    .in_new .in_n_list .in_n_r .bd li a { font-size: 14px; width: 70%;}
    .in_new .in_n_list .in_n_r .bd li span { font-size: 12px; margin-top: 0;}

    .in_open .in_openl, .xsl .xsll, .in_open .in_openr, .xsl .xslr { width: 99.5%;}
    .in_open .in_openl, .xsl .xsll, .xsl .xslr, .in_open .in_openr { height: auto;}
    .in_open .in_openl .in_open_info .in_open_infot .in_open_infotl, .in_open .in_openl .in_open_info .in_open_infob .in_open_infobl,
    .in_open .in_openl .in_open_info .in_open_infot .in_open_infotr, .in_open .in_openl .in_open_info .in_open_infob .in_open_infobl,
    .in_open .in_openl .in_open_info .in_open_infob .in_open_infobr { width: 100%;}
    .in_open .in_openr { margin-top: 1em;}

    .xsl { margin: 1em auto 0 auto;}
    .xsl .xsll .xsll_info { padding: 1em;}
    .xsl .xsll .xsll_info .fl, .xsl .xsll .xsll_info .fr { width: 100%;}
    .xsl .xsll .xsll_info .fr { margin: 0;}
    .xsl .xslr { margin: 1em 0 0 0;}

    .in_who, .in_new .in_n_t .in_n_ts span, .in_new .in_n_list .in_n_l .prev, .in_new .in_n_l .next, .in_record { display: none;}
}
@media screen and ( max-width: 414px ) {
	.tit em { width: 6%;}
	.tit em.cem { width: 36%; }
	.tit3 em { width: 6%; }

	.in_new { margin-top: 1em;}
	.in_new .in_n_t { width: 100%;}
	.in_new .in_n_t a { line-height: 28px; text-align: center; font-weight: bold; color: #c52727; font-size: 24px;}
	.in_new { margin-bottom: .5em;}
	.in_new .in_newL, .in_new .in_newR { width: 100%; margin-top: .5em;}
	.in_new .in_newR .in_newRt .hd { height: 50px;}
	.in_new .in_newR .in_newRt .hd li { line-height: 50px;}
	.in_new .in_newR .in_newRt .bd, .in_new .in_newR .in_newRb { margin-top: .5em;}
	.in_new .in_newR .in_newRt .bd li a { width: 80%;}
	.in_new .in_newR .in_newRt .bd li span { font-size: 12px;}
	.in_new .in_newR .in_newRb li { width: 31.5%;}

	.in_dynamic { margin-top: .5em;}
	.in_dynamic .in_dyn { width: 100%; background: none; padding-right: 0;}
	.in_dynamic .in_dynr { width: 100%;}

	.in_about { margin: .5em auto;}
	.in_about .in_abL, .in_abR { width: 100%;}
	.in_abR { margin-top: .5em;}
	.in_abR .in_abRmg, .in_abR .in_abRm { margin-bottom: .2em;}
	.in_abR .in_abRmg { height: 80px;}
	.in_abR .in_abRm { height: 64px; padding-top: 16px;}

	.in_case { padding-bottom: 1em; margin-bottom: .5em;}
	.in_case .in_casem .bd { width: 100%;}
	.in_case .in_casem .bd li { width: 45%;}

	.in_gg { margin-top: .1em;}
	.mb10, .mt10 { margin-top: .3em;}
	.in_case .in_casem .prev, .in_case .in_casem .next { display: none;}
}
@media screen and ( max-width: 400px ){}
@media screen and ( max-width: 375px ){
	.in_coop li { width: 31.5%;}
}
@media screen and ( min-width: 360px ){
	.in_new .in_newR .in_newRt .bd li a { width: 78%;}
	.in_new .in_newR .in_newRb li { width: 31.4%;}
}
@media screen and ( min-width: 320px ){}