.bgimg { position: relative; width: 100%; padding: 16% 0; display: block;}
.bgimg span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.bgimg01 { background: url(../img/14.jpg) no-repeat top center; background-size: 100% 100%;}
.bgimg02 { background: url(../img/15.jpg) no-repeat top center; background-size: 100% 100%;}
.bgimg03 { background: url(../img/16.jpg) no-repeat top center; background-size: 100% 100%;}

.c_main { background: #000; padding-bottom: 40px;}
.c_main .c_main_M { background: #3b3b3d; padding: 20px;}
.c_main .c_main_M h4 { font-size: 2rem; color: #fff; font-weight: bold; margin-bottom: 3rem; text-align: center;}
.c_main .c_main_M p { font-size: 16px; line-height: 30px; text-indent: 2em; color: #fff}
.c_main .c_main_M p img, .c_main img { width: auto; max-width: 100%; height: auto; display: block; margin: 0 auto;}

.post { padding: 40px 0;}
.post .ptit .ptit_b { border-left: 4px solid #dd432e; padding-left: 15px;}
.post .ptit .ptit_b h3 { color: #dfdfdf; font-size: 24px; display: block; font-weight: normal;}
.post .ptit .ptit_b span { color: #9b9b9b; font-size: 16px; display: block; text-transform: uppercase;}
.post .ptit .ptit_p { color: #dfdfdf; font-size: 14px; font-weight: normal; font-size: 12px; padding-left: 15px; margin-top: 15px;
    background:url(../img/icon_home.png) left center no-repeat;}
.post .ptit .ptit_p a { color: #dfdfdf; display: inline-block;}
.post .ptit .ptit_p a:hover { color: #dd432e;}
.post .ptit .ptit_p span { color: #dd432e !important; font-size: 12px;}
.post .p_nav { position: relative; margin-top: 40px;}
.post .p_nav ul { display: inherit; text-align: center;}
.post .p_nav li { display: inline-block; width: 16.6%; margin-right: 1px; letter-spacing: normal;}
.post .p_nav li:last-child { margin-right: 0;}
.post .p_nav li a { display: block; text-align: center; background: #9b9b9b; color: #fff; font-size: 16px; height: 50px;
    line-height: 50px; transition: 0.5s;}
.post .p_nav li a.on, .post .p_nav li a:hover { color: #fff; background: #dd432e; transition: 0.5s;}

.team li { background: #fff; padding: 20px; position: relative; margin-bottom: 20px;}
.team li a.pic { position: relative; width: 15.5%; padding: 8% 0; display: block; overflow: hidden;}
.team li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: 0.5s;}
.team li a.txt { width: 70%; margin: 20px 8% 0 0; padding-right: 2%; transition: all .5s;}
.team li a.txt h3 { color: #5a5a5a; font-size: 16px; font-weight: normal;}
.team li a.txt span { font-size: 12px; color: #9a9a9a; margin-top: 5px;}
.team li a.txt b { margin-top: 20px; font-size: 12px; color: #949494; line-height: 22px; overflow: hidden;
    font-weight: normal; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.team li a.more { width: 40px; height: 40px; position: absolute; top: 50%; right: 40px; margin-top: -20px; display: block;
    background: url(../img/icon.png)no-repeat -39px -146px; transition: 0.5s;}
.team li:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);}
.team li:hover a.more { background: url(../img/icon.png)no-repeat -39px -177px; transition: 0.5s;}
.team li:hover a.pic img { transition: all .5s; transform: scale(1.1);}
.team li:hover a.txt { margin-right: 7%; transition: all .5s;}

.news .show { margin-bottom: 40px;}
.news .show li { float: left; position: relative; width: 48.75%; margin: 0 30px 0 0; overflow: hidden;}
.news .show li.mr0 { margin: 0;}
.news .show li a.pic { position: relative; width: 100%; padding: 30% 0; display: block;}
.news .show li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.news .show li a.txt { display: block; position: absolute; left: 0; bottom: 0; width: 94%; height: 50px; line-height: 50px;
    padding: 0 20px; background: url(../img/icon_jt_news_n.png) 96% center no-repeat rgba(150,151,152,0.79); color: #fff;
    transition: 0.5s;}
.news .show li a.txt:hover { background: url(../img/icon_jt_news_n.png) 97% center no-repeat rgba(221,67,46,0.8);
    transition: 0.5s;}
.news .list { margin-bottom: 20px;}
.news .list li { display: block; height: 65px; padding: 45px 40px 45px 0; float: left; width: 46%; border-bottom: 1px solid #edecec;
    border-right: 1px solid #edecec; transition: 0.5s;}
.news .list li.lir { padding: 45px 0 45px 40px; border-bottom: 1px solid #edecec; border-right: none;}
.news .list li:nth-child(5), .news .list li:nth-child(6) { border-bottom: none;}
.news .list li h2 span { width: 15%; font-size: 34px; color: #dfdfdf; font-family: "Microsoft Yahei"; font-weight: normal;
    border-bottom: 1px solid #e4e2e2;}
.news .list li h2 b { font-size: 17px; color: #dfdfdf; text-transform: uppercase; font-weight: normal; margin-top: 9px;}
.news .list li .l_txt { width: 86%;}
.news .list li .l_txt a { display: block; font-size: 16px; color: #dfdfdf; margin-bottom: 13px; overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis; display: block;}
.news .list li .l_txt p { line-height: 20px; font-size: 14px; color: #999; display: -webkit-box; -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; overflow: hidden;}
.news .list li:hover .l_txt a { color: #dd432e; transition: 0.5s;}

.pro li { float: left; width: 23.7%; background: #f6f8f9; margin: 0 20px 20px 0; transition: 0.5s;}
.pro li.mr0 { margin-right: 0;}
.pro li a.pic { position: relative; width: 100%; padding: 50% 0; display: block; border-bottom: 1px solid #dbdedf;}
.pro li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.pro li a.txt { padding: 0 40px 0 20px; display: block; line-height: 40px; font-size: 16px; color: #636363; white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis; background: url(../img/icon_jt_tj_pro.png) 93% center no-repeat;}
.pro li:hover a.txt { color: #fff; background: url(../img/icon_jt_tj_pro_hover.png) 93% center no-repeat #dd432e; transition: 0.5s;}

.c_info_t { text-align: center; border-bottom: 1px dashed #ddd; margin-bottom: 10px;}
.c_info_t h1 { font-size: 28px; line-height: 58px; font-weight: normal; letter-spacing: 1px; color: #fff; text-align: center;}
.c_info_t h4 { font-size: 15px; color: #000; font-weight: normal; font-size: 15px;}
.c_info_t h4 span { margin-left: 10px; vertical-align: middle; font-size: 15px;}
.c_info_txt { line-height: 1.7; font-size: 15.4px; vertical-align: baseline; color: #515151; white-space: normal; padding: 10px;}
.c_info_txt .c_info_txt_info p { text-indent: 2em; color: #fff;}
.c_info_txt .c_info_txt_info p img { width: auto; height: auto; max-width: 100%; margin: 0 auto; display: block;}

/* -- 翻页效果 -- */
.box_page { margin: 0; overflow: hidden; padding: 20px 0 30px 0; text-align: center;}
.page { background: #fff; font-size: 18px; padding: 13px 18px; border-radius: 0px; color: #666; margin: 0 5px; border: 1px solid rgba(0,0,0,0.1); font-weight: normal; transition: 0.5s;}
.page:link { color: #666; text-transform: uppercase;}
.page:visited { color: #666;} 
.page_ding { background: #000; font-size: 18px; color: #fff; padding: 13px 18px; margin: 0 5px; border: 1px solid rgba(0,0,0,0.5);}
.page:hover { background: #dd432e; color: #fff; text-decoration: none;}

.two { height: 30px; margin: 0 auto; line-height: 30px; margin-top: 20px; border-top: 1px dashed #d1d1d1; color: #dfdfdf;}
.two .twol { float: left; padding-left: 15px; font-size: 13px;}
.two a { padding-left: 15px; color: #fff;}
.two a:hover { color: #dd432e; text-decoration: underline;}
.two .twor { float: right; padding-right: 15px; font-size: 13px;}

@media screen and ( max-width: 1920px ) {}
@media screen and ( max-width: 1680px ) {}
@media screen and ( max-width: 1440px ) {}
@media screen and ( max-width: 1366px ) {}
@media screen and ( max-width: 1280px ) {}
@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {
    .container { width: 98%;}
}
@media screen and ( max-width: 414px ) {
    .c_main { padding-bottom: .5em;}
    .c_main .c_main_M { padding: 1em .5em;}

    .post { padding: .5em 0;}
    .post .p_nav { margin-top: 0;}
    .post .p_nav li { float: left; width: 33%; margin: 0 1px 1px 0;}
    .post .p_nav li:last-child { margin-right: 1px;}
    .post .p_nav li a { height: 35px; line-height: 35px;}

    .team li { padding: .5em; margin-bottom: .5em;}
    .team li a.pic { width: 100%; padding: 50% 0;}
    .team li a.txt { width: 100%; margin: .5em 0 0 0; padding-right: 0;}
    .team li a.txt b { margin-top: .8em;}

    .news .show { margin-bottom: 1rem;}
    .news .show li { width: 100%; margin: 0 0 .5rem 0;}
    .news .show li a.txt { width: 90.5%;}
    .news .list li { padding: 1rem 0; width: 100%; border-right: none;}
    .news .list li.lir { padding: 1rem 0; border-right: none;}
    .news .list li:nth-child(5), .news .list li:nth-child(6) { border-bottom: 1px solid #edecec;}
    .news .list li h2 span { width: 15%; font-size: 34px; font-family: "Microsoft Yahei"; font-weight: normal;
        border-bottom: 1px solid #e4e2e2;}
    .news .list li h2 b { font-size: 17px; text-transform: uppercase; font-weight: normal; margin-top: 9px;}
    .news .list li .l_txt { width: 86%;}
    .news .list li .l_txt a { display: block; font-size: 14px; margin-bottom: 13px; overflow: hidden;
        white-space: nowrap; text-overflow: ellipsis; display: block;}
    .news .list li .l_txt p { line-height: 20px; font-size: 12px; -webkit-line-clamp: 2;}

    .pro li { width: 48.8%; margin: 0 .5rem .5rem 0;}
    .pro li.mr0 { margin-right: .5rem;}
    .pro li:nth-child(2n) { margin-right: 0;}

    .box_page { background: #fff; margin: 0; overflow: hidden; padding: 30px 0; text-align: center;}
    .page { background: #fff; font-size: 18px; padding: 10px; border-radius: 0px; color: #666; margin: 0 5px;
    	border: 1px solid rgba(0,0,0,0.1); font-weight: normal; transition: 0.5s;}
    .page:link { color: #666; text-transform: uppercase;}
    .page:visited { color: #666;} 
    .page_ding { background: #000; font-size: 18px; color: #fff; padding: 10px; margin: 0 5px;
    	border: 1px solid rgba(0,0,0,0.05);}
    .page:hover { background: #e84d96; color: #fff; text-decoration: none;}
    .two .twol { padding-left: 0;}
    .two .twor { float: left;}

    .post .ptit { display: none;}
}
@media screen and ( max-width: 411px ) {}
@media screen and ( max-width: 400px ) {}
@media screen and ( max-width: 375px ) {
    .pro .pror li, .case .caser li { width: 48.2%;}
}
@media screen and ( max-width: 360px ) {}
@media screen and ( max-width: 320px ) {}