/* 宸︿晶 */
.main { margin-top: 10px;}
.c_main_l { overflow: hidden; width: 22%; margin-bottom: 10px;}
.c_main_l .c_main_l_m { background: #fff;}
.c_main_l .ttt { background: #e22929; height: 50px; margin-bottom: 10px; padding: 20px; overflow: hidden; color: #fff; font-family: arial;
	display: block; text-transform: uppercase; font-weight: normal; font-size: 14px;}
.c_main_l .ttt span { font-size: 30px; font-weight: bold; color: #fff;}
.c_main_l .ttt1 { background: #e22929; width: 100%; height: 46px; line-height: 46px; padding-left: 20px; color: #fff; font-size: 16px; margin-top: 10px;}
.c_main_l .c_main_l_m ul { width: 100%; overflow: hidden; border-top: 1px solid #dfdfdf;}
.c_main_l .c_main_l_m ul li a { height: 52px; line-height: 52px; padding-left: 25px; display: block; color: #666; font-size: 16px;
	font-weight: bold; border-bottom: 1px solid #dfdfdf;}
.c_main_l .c_main_l_m ul li a span { background: url(../img/c_main_l_m.png) no-repeat; display: inline-block; width: 24px; height: 24px;
	 filter: alpha(opacity=0); opacity: 0; float: right; margin: 14px 20px 0 0;}
.c_main_l .c_main_l_m ul li:hover a { background: url(../img/c_main_l_m_bg.jpg) no-repeat; color: #fff;}
.c_main_l .c_main_l_m ul li:hover a span { filter: alpha(opacity=100); opacity: 1;}
.c_main_l .t05_cons1 { border: 1px solid #dfdfdf; padding: 8px 10px;}
.c_main_l .t05_cons1 li { font-size: 14px; background: url('../img/ico27.gif') no-repeat left center; border-bottom: 1px solid #e7e7e7;
	padding-left: 10px;}
.c_main_l .t05_cons1 li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 35px; color: #333;}
.c_main_l .t05_cons1 li a:hover { text-decoration: underline;}
.c_main_l .t05_cons1 p { line-height: 28px; font-size: 14px; color: #333; text-indent: 0;}
.c_main_l .t05_cons1 img { width: 100%; height: auto;}

/* 鍙充晶 */
.c_main_r { width: 77%; height: auto; margin-bottom: 10px;}
.c_main_r .rtop { background: url(../img/loca_bg.jpg) no-repeat; height: 50px; line-height: 50px; padding-left: 4%; border-right: 1px solid #ccc;}
.c_main_r .rtop span { font-size: 15px;}
.c_main_r .rtop .sitepath { background: url(../img/loca.jpg) no-repeat 0 15px; padding-right: 17px; padding-left: 20px;}
.c_main_r .rtop .sitepath a { color: #676767; font-size: 14px;}
.c_main_r .rtop .sitepath a:hover { color: #373b8f; font-size: 14px;}

/* 鍐呴〉 */
.c_main_r .c_main_r_m { width: 99.9%; overflow: hidden; /*border: 1px solid #ccc;*/ padding: 10px 0;}
.child_tit { text-align: center; margin-top: 0; margin-bottom: 10px; border-bottom: 1px dashed #ddd;}
.child_tit h2 { font-size: 22px; font-weight: bold; color: #373737; margin: 20px 0;}
.child_tit h4 { margin-bottom: 30px; font-size: 15px;}
.child_tit h4 span { margin-left: 10px; vertical-align: middle;}
.c_main_r .c_main_r_m p img, .c_main_r .c_main_r_m img { width: auto; height: auto; max-width: 100%; margin: 0 auto; display: block;}
.c_main_r .c_main_r_m p { margin-bottom: 8px; line-height: 1.8em; text-indent: 2em; color: #333; font-size: 16px; text-align: justify; padding: 0 10px;}
.c_main_r .c_info_t { text-align: center;}
.c_main_r .c_info_t h1 { font-size: 28px; line-height: 48px; font-weight: 300; letter-spacing: 1px; color: #333; margin-bottom: 15px;}
.c_main_r .c_info_t h4 { margin-bottom: 40px; font-size: 15px; color: #666;}
.c_main_r .c_info_t h4 span { margin-left: 10px; vertical-align: middle;}
.c_main_r .c_info_txt { line-height: 1.7; font-size: 15.4px; vertical-align: baseline; color: #515151; white-space: normal;}
.c_main_r .c_info_txt .c_info_txt_info p { text-indent: 2em; color: #333;}
.c_main_r .c_info_txt .c_info_txt_info p img { width: auto; height: auto; max-width: 100%; margin: 0 auto; display: block;}

.about { width: 100%;}
.slideTxtBox { width: 100%; border: 1px solid #ddd; text-align: left;}
.slideTxtBox .hd { height: 40px; line-height: 40px; background: #f5f5f5; padding: 0 10px 0 20px; position:relative; border-bottom:1px solid #ddd;}
.slideTxtBox .hd ul { float: left; position: absolute; left: 20px; top: -1px; height: 32px;}
.slideTxtBox .hd ul li { float: left; padding: 0 25px; cursor: pointer; font-size: 14px;}
.slideTxtBox .hd ul li.on { height: 40px;  background: #fff; border: 1px solid #ddd; border-bottom: 2px solid #fff; border-top: 2px solid #373737;
	color: #373737; font-weight: bold;}
.slideTxtBox .bd ul { padding: 30px 15px 15px 15px; zoom: 1;}
.slideTxtBox .bd ul p { line-height: 24px; font-size: 14px;}
.daquan { background: #373737; margin-left: 35%; padding: 0 25px; float: left;}
.daquan a { color: #fff; font-weight: bold; font-size: 14px;}

.news_info { border: 1px solid #dfdfdf; padding: 10px;}
.news_info li { float: left; width: 32.6666666%; margin: 0 1% 10px 0; overflow: hidden; transition: 0.5s; background: #f8f8f8;}
.news_info li.mr0 { margin-right: 0;}
.news_info li a.pic { position: relative; width: 100%; padding: 30% 0; display: block;}
.news_info li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.news_info li a.txt { padding: 10px; display: block;}
.news_info li a.txt span { display: block; font-size: 14px; color: #999;}
.news_info li a.txt h3 { text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; overflow: hidden; transition: 0.2s; font-size: 18px;
	line-height: 1.5; font-weight: normal; color: #333; padding: 6px 0; border-bottom: #e6e6e6 1px solid; margin-bottom: 10px;}
.news_info li a.txt p { font-size: 14px; color: #999; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
	-webkit-line-clamp: 3;}
.news_info li:hover { background: #e22929;}
.news_info li:hover a.txt span, .news_info li:hover a.txt h3, .news_info li:hover a.txt p { color: #fff;}
.news_info li a.txt h3 { border-bottom: #fff 1px solid;}

/* 鏂伴椈鍒楄〃 */
.agent_con { line-height: 24px; border: 1px solid #dfdfdf;}
.agent_con p { font-size: 14px;}
.sec2 { padding: 15px;}
.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: 90%; margin-left: 15px;}
.sec2 li .news_list h3 { height: 20px; overflow: hidden;}
.sec2 li .news_list h3 a { font-weight: normal; font-size: 16px; font-weight: bold; color: #333;}
.sec2 li:hover .news_list h3 a { color: #e22929;}
.sec2 li .news_list p { text-indent: 2em; padding-top: 5px; color: #888; font-size: 14px; line-height: 24px;}
.sec2 li:hover .news_list p { color: #999;}

.c_main_r .n_info { border: 1px solid #dfdfdf;}
.c_main_r .n_info li { margin: 5px; float: left; width: 18.7%; text-align: center; border: 1px solid #e5e5e5; padding: 1px;}
.c_main_r .n_info li a.pic { width: 100%; position: relative; padding: 60% 0; display: block;}
.c_main_r .n_info li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.c_main_r .n_info li a.txt { margin: 8px; line-height: 40px; overflow: hidden; font-weight: normal; overflow: hidden; font-size: 14px; white-space: nowrap; color: #222;
	text-overflow: ellipsis;}
.c_main_r .n_info li:hover { border: 1px solid #C70009;}
.c_main_r .n_info li:hover a.txt { color: #e22929;}

.case { margin: 20px auto 0 auto;}
.case li { float: left; width: 32.6666666%; margin: 0 10px 10px 0;}
.case li.mr0 { margin-right: 0;}
.case li a.pic { position: relative; width: 100%; padding: 43.33% 0; display: block;}
.case li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.case li a.txt { width: 100%; display: block; background: #e6e6e6; line-height: 40px; color: #333; font-size: 18px; text-align: center; margin-top: 1px;}
.case li:hover a.txt { background: #d80001; color: #fff; text-decoration: none;}

/* -- 翻页效果 -- */
.box_page { background: #fff; overflow: hidden; margin: 30px 0 20px 0; text-align: center; height: auto;}
.page { background: #fff; font-size: 18px; line-height: 52px; color: #666; margin: 0 5px; border: 1px solid rgba(0,0,0,0.1); transition: 0.5s;
	display: inline-block; padding: 0 15px;}
.page:link { color: #666; text-transform: uppercase;}
.page:visited { color: #666;} 
.page_ding { background: #333; font-size: 18px; color: #fff; line-height: 52px; margin: 0 5px; display: inline-block;  padding: 0 15px;
	border: 1px solid rgba(0,0,0,0.05);}
.page:hover { background: #e22929; 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;}

/* login */
.sec8bg { padding: 100px 0 100px;}
.sec8bg .sec8 { width: 770px; margin: 0 auto; border-radius: 10px; background: #F2F1EE; padding: 0 50px 30px 50px;}
.sec9bg .sec9 { width: 26%; margin: 0 auto;}
.sec8bg .sec8 h4 { height: 100px; line-height: 100px; font-size: 20px; font-weight: bold; border-bottom: 1px dashed #aaa; letter-spacing: 1px;}
.sec8bg .sec8 h4 a { float: right; font-size: 14px; font-weight: normal; color: #074675;}
.sec8bg .sec8 table { width: 781px; margin: 0 auto; padding: 40px 0;}
.sec8bg .sec8 table tr { height: 44px; line-height: 44px;}
.sec8bg .sec8 .td1 { width: 80px;}
.sec8bg .sec8 .td3 { font-size: 12px;}
.sec8bg .sec8 tr.tr_phone { display: none; width: 100%;}
.sec8bg .sec8 table tr input { border: 1px solid #ccc; height: 27px; line-height: 27px; width: 86%; border-radius: 5px;}
.sec9bg .sec9 table tr input { width: 36%;}
.textarea { margin: 4px 0; width: 350px; height: 120px; font-size: 12px; border-radius: 5px;}
.td5 { text-align: center;}
.sec8bg .sec8 table tr .td2 span { margin-left: 10px; margin-right: 20px; color: #e4393c;}
.sec8bg .sec8 table tr input.submit { width: 100px; height: 40px; font-size: 14px; background: #074675; color: #fff; margin-top: 20px;}

@media screen and ( max-width: 1664px ) {
	.c_main_r .n_info li { width: 18.5%;}
}
@media screen and ( max-width: 1600px ) {}
@media screen and ( max-width: 1450px ) {
	.c_main_r .n_info li { width: 18.4%;}
}
@media screen and ( max-width: 1366px ) {
	.c_main_r .rtop { width: 95.9%;}
	.c_main_r .n_info li { width: 18.2%;}
}
@media screen and ( max-width: 1280px ) {}
@media screen and ( max-width: 1024px ) {}
@media screen and (max-width: 768px) {
	.c_main_l .ttt, .titlele, .t05_cons1, .rtop, .ttt1, .c_main_l .c_main_l_m ul li a span { display: none;}

	.c_main_l .c_main_l_m ul { border-top: none;}
	.c_main_l .c_main_l_m ul li { width: 49.5%; float: left; text-align: center; background: #e22929; margin: 1px;}
	.c_main_l .c_main_l_m ul li a { height: 30px; line-height: 30px; color: #fff; border-bottom: none; padding-left: 0; font-weight: normal;}

	.c_main_l, .c_main_r { width: 100%; margin-bottom: 0;}
	.c_main_r .c_main_r_m { padding: 0.1em; border: none;}
	.slideTxtBox .hd { padding: 0;}
	.slideTxtBox .hd ul { left: -1px; width: 70%;}
	.slideTxtBox .hd ul li { width: 33%; padding: 0; text-align: center;}
	.daquan { margin-left: 70%;}

	.agent_con, .list { border: none;}
	.dl_42 dt { width: 40%;}
	.dl_42 dd { padding: 0 0 0 15px; width: 55%; overflow: hidden;}

	.sec2 { padding: 0;}

	.c_main_r .n_info, .c_main_r .d_info { border: none; padding: 0;}
	.c_main_r .n_info li { margin: 1em 1% 0 0;}

	.two .twor{ float: left; padding-left: 15px;}

	.list, .list ul { padding: 0;}
	.list li { margin: 0.19em; width: 30.8%; text-align: center; padding: 1px;}

	.sec8bg .sec8 { width: 80%; padding: 0 2em 2em 2em;}
	.sec8bg .sec8 table { width: 95%;}
	.sec9bg .sec9 table tr input { width: 79%;}
	.sec8bg .sec8 .td3 { display: none;}
	.sec8bg .sec8 table tr .td2 span { margin-right: 10px;}
	.sec8bg .sec8 tr.tr_phone { display: block;}
}
@media screen and ( max-width: 414px ) {
	.c_main_r .d_info li { margin: 1em 0 0 0;}
	.c_main_r .d_info li img { width: 150px; height: 150px;}
	.c_main_r .d_info li .tea_con { width: 60%; height: 170px; padding: .8em}
	.c_main_r .d_info li .tea_con p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;
		-webkit-box-orient: vertical;}

	.news_info { border: none; padding: .3em;}
	.news_info li { width: 100%; margin: 0 1% .3em 0;}

	.case { margin: .5em auto 0 auto;}
	.case li { width: 48.5%; margin: 0 .2em .5em .2em;}
	.case li.mr0 { margin-right: .2em;}

	.c_main_r .n_info li { width: 47.5%; margin: .5em .2em 0 0.2em;}
	.c_main_r .n_info li.mr0 { margin-right: .2em;}
	.c_main_r .n_info li a.txt { padding: 0 .8em; padding-bottom: .2em; margin-bottom: .3em;}

	.box_page { margin: .7em 0 1em 0;}
	.page { margin-top: .3em;}
}
@media screen and ( max-width: 400px ) {
	.c_main_r .n_info li { width: 47%;}
	.c_main_l .c_main_l_m ul li { width: 49%;}
	.c_main_r .d_info li .tea_con { width: 58%;}
	.case li { width: 48.3%;}
}
@media screen and ( max-width: 375px ) {
	.c_main_r .n_info li { width: 46.8%;}

	.c_main_r .d_info li .tea_con { width: 59%;}
	.c_main_r .d_info li img { width: 130px; height: 130px;}
	.c_main_r .d_info li .tea_con { height: 150px;}
	.c_main_r .d_info li .tea_con p { -webkit-line-clamp: 3;}
}
@media screen and ( max-width: 360px ) {
	.c_main_r .d_info li .tea_con { width: 54%;}
}
@media screen and ( max-width: 320px ) {
	.c_main_r .n_info li { width: 48.1%;}
	.c_main_r .n_info li a.txt { height: 40px; line-height: 40px;}
}