.bgimg { width: 100%; height: auto;}
.bgimg img { width: 100%; height: auto;}

.menu { height: 60px; background: #0065b3; border-bottom: 1px solid #ddd; position: relative; padding-top: 40px;}
.menu h2 { width: 300px; font-size: 23px; color: #fff;}
.menu h2 span { font-size: 28px; color: #d1d1d1; margin-left: 5px;}
.menu li { float: left; width: 118px; height: 28px; line-height: 28px; display: block; color: #fff; text-align: center; border: 1px solid #eee; margin: 0 0 0 20px;}
.menu li a { color: #fff;}
.menu li:hover { border-color: #fff; background: #fff;}
.menu li:hover a { color: #0065b3; font-weight: bold;}

.c_main { margin: 20px auto;}
.c_main h3 { color: #0065b3; margin: 20px auto 0px; background: url(../img/ab_tit_bg.jpg) no-repeat top center; text-align: center; line-height: 50px; font-weight: bold;
    font-size: 28px;}
.c_main p { font-size: 14px; line-height: 24px; text-indent: 2em;}
.c_main p img, .c_main img { width: auto; max-width: 100%; height: auto; display: block; margin: 0 auto;}

.pro li { float: left; width: 23.7%; margin: 0 1% 12px 0; border: 1px solid #ddd; padding: 2px;}
.pro li.mr0 { margin-right: 0;}
.pro li a.pic { position: relative; width: 100%; padding: 50% 0; display: block; overflow: hidden;}
.pro li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.pro li:hover a.pic img { transform: scale(1.08); -webkit-transform: scale(1.08); transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;}
.pro li a.txt { width: 100%; display: block; line-height: 40px; color: #fff; font-size: 16px; text-align: center; display: block; white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis; background: #0065b3; margin-top: 1px;}
.pro li:hover a.txt { background: #0065b3; border-color: #0065b3;}

.case { padding: 10px 0;}
.case li { float: left; width: 23.9%; height: auto; margin: 10px 10px 0 0; overflow: hidden; display: table; background: #fff; border: 1px solid #ddd;}
.case li.mr0 { margin-right: 0;}
.case li a.pic { position: relative; width: 100%; padding: 50% 0; display: block;}
.case li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.case li:hover img { transform: scale(1.08); -webkit-transform: scale(1.08); transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;}
.case li:hover { border: 1px solid #0065b3;}

.agent_con { line-height: 24px;}
.agent_con p { font-size: 14px;text-indent: 0;}
.sec2 li { height: 88px; width: 100%; margin: 1% 0; line-height: 20px; overflow: hidden;}
.sec2 li .img_date { float: left; padding: 13px 1px 3px 1px; height: 66px; width: 80px; background: url(../img/mew_timebj.png) no-repeat left center; display: inline;
	overflow: hidden; position: relative;}
.sec2 li .img_date .img_datam { top: 13px; left: 0; text-align: center; height: 66px; width: 78px; display: block; position: absolute;}
.sec2 li .img_date .img_datam .date { font-family: Arial, Helvetica, sans-serif; color: #373737; font-size: 30px; height: 38px; line-height: 38px;}
.sec2 li .img_date .img_datam .month { font-family: Arial, Helvetica, sans-serif; color: #c6c6c6; font-size: 15px; line-height: 28px; border-top: #cacaca solid 1px;}
.sec2 li .news_list { float: left; padding-top: 4px; height: 70px; overflow: hidden; width: 91%; margin-left: 15px;}
.sec2 li .news_list h4 { height: 20px; overflow: hidden;}
.sec2 li .news_list h4 a { font-weight: normal; font-size: 16px; font-weight: bold; color: #333;}
.sec2 li .news_list h4:hover a { color: #0065b3;}
.sec2 li .news_list p { text-indent: 2em; padding-top: 5px; color: #888; font-size: 14px; line-height: 24px;}
.sec2 li .news_list p:hover { color: #999;}

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

/* -- 翻页效果 -- */
.box_page { background: #fff; margin: 0; overflow: hidden; padding: 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: #333; font-size: 18px; color: #fff; padding: 13px 18px; margin: 0 5px;
	border: 1px solid rgba(0,0,0,0.05);}
.page:hover { background: #0065b3; color: #fff; text-decoration: none;}

.two{ height: 30px; margin: 0 auto; line-height: 30px; margin-top: 20px; border-top: 1px dashed #d1d1d1;}
.two .twol{ float: left; padding-left: 15px; font-size: 13px;}
.two a{ padding-left: 15px;}
.two a:hover{ color: #373737; 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 ) {
    .pro li { width: 23.6%;}
}
@media screen and ( max-width: 768px ) {
    .container { width: 98%;}
}
@media screen and ( max-width: 414px ) {
    .c_main { margin: .5em auto;}
    .menu { height: auto; background: none; border-bottom: none; padding-top: 0;}
    .menu ul { width: 100%;}
    .menu li { width: 49.7%; background: #0065b3; height: 30px; line-height: 30px; border: none; margin: 1px 0 0 1px;}

    .pro li { width: 48%; margin: 0 1% .5em 0;}
    .pro li.nr0 { margin-right: 1%;}
    .pro li:nth-child(2n) { margin-right: 0;}

    .case li { float: left; width: 48%; height: auto; margin: .3em .2em 0 .2em; overflow: hidden; display: table; background: #fff; border: 1px solid #ddd;}
    .case li.mr0 { margin-right: .2em;}

    .sec2 li .news_list { float: left; padding-top: 4px; height: 70px; overflow: hidden; width: 75%; margin-left: 15px;}

    .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: #333; 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 .twor { float: left; padding-left: 15px;}

    .menu h2 { display: none;}
}
@media screen and ( max-width: 411px ) {}
@media screen and ( max-width: 400px ) {
    .pro li { width: 47.8%;}
}
@media screen and ( max-width: 375px ) {}
@media screen and ( max-width: 360px ) {
    .case li { width: 47.8%;}
}
@media screen and ( max-width: 320px ) {}