.c_main { margin: 10px auto; background: #fff; padding: 10px;}

/* 宸︿晶 */
.c_main_l { width: 22%;}
.c_main_l .c_main_l_m { box-shadow: 0 0 5px rgba(0,98,198, .5);}
.c_main_l .ttt { background: #01459A; height: 40px; overflow: hidden; color: #fff; text-align: center; display: block; text-transform: uppercase; font-weight: normal;
	font-size: 16px; line-height: 40px; font-weight: bold;}
.c_main_l .c_main_l_m ul { overflow: hidden; border-top: 1px solid #fff; padding: 20px 5px 0 5px;}
.c_main_l .c_main_l_m ul li { height: 30px; line-height: 30px; background: #01459A; text-align: center; margin-bottom: 8px; position: relative;}
.c_main_l .c_main_l_m ul li a { display: block; color: #fff; text-align: center; font-size: 16px;}
.c_main_l .c_main_l_m ul li span { width: 10px; height: 11px; background: url(../img/jiantou.png) no-repeat; display: inline-block; position: absolute; top: 50%; right: 10px; 
	margin-top: -5px;}
.c_main_l .c_main_l_m ul li:hover { background-color: #0068b7; color: #fff;}
.c_main_l .c_main_l_m1 { width: 100%; box-shadow: 0 0 5px rgba(0,98,198, .5); margin-top: 15px;}
.c_main_l .c_main_l_m1 h3 { height: 40px; line-height: 40px; color: #fff; font-size: 16px; margin-top: 10px; color: #fff; background: #01459A; text-align: center;}
.c_main_l .t05_cons1 { 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: 15px;}
.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: 75%; height: auto; border: 1px solid #ddd; padding: 0 10px 10px 10px; box-shadow: 0 0 5px rgba(0,98,198, .5);}
.c_main_r .y_zti { background: url(../img/yzzti.png) no-repeat right top; height: 36; line-height: 36px;}
.c_main_r .y_zti a:hover { color: #C3170D; text-decoration: underline;}
.c_main_r .rtop { background: url(../img/loca_bg.jpg) no-repeat; width: 100%; height: 40px; line-height: 45px; border-right: 1px solid #ccc; overflow: hidden;}
.c_main_r .rtop span { font-size: 16px; padding-left: 10px; font-size: 16px; color: #000; font-weight: bold;}
.c_main_r .rtop .sitepath { background: url(../img/loca.jpg) no-repeat 0 15px; padding-right: 17px; padding-left: 20px; color: #000;}
.c_main_r .rtop .sitepath a { color: #000; font-size: 14px;}
.c_main_r .rtop .sitepath a:hover { color: #01459A; font-size: 14px;}

/* 鍐呴〉 */
.c_main_r .c_main_r_m { padding: 15px 10px 10px 10px; overflow: hidden; border: 1px solid #ddd;}
.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 { width: 100%; line-height: 1.8em; text-indent: 2em; color: #333; font-size: 15px;}

.c_main .c_main_r .c_info_t { text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 10px;}
.c_main .c_main_r .c_info_t h1 { font-size: 28px; line-height: 58px; font-weight: 300; letter-spacing: 1px; color: #333;}
.c_main .c_main_r .c_info_t h4 { font-size: 15px; color: #666;}
.c_main .c_main_r .c_info_t h4 span { margin-left: 10px; vertical-align: middle;}
.c_main .c_main_r .c_info_txt { line-height: 1.7; font-size: 15.4px; vertical-align: baseline; color: #515151; white-space: normal; padding: 10px;}
.c_main .c_main_r .c_info_txt .c_info_txt_info p { text-indent: 2em; color: #333;}
.c_main .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;}

.hjs { padding: 10px 10px 0 10px; overflow: hidden; border: 1px solid #ddd;}

/* 鏂伴椈鍒楄〃 */
.news { padding: 0 10px; border: 1px solid #ddd;}
.news li { width: 98%; box-shadow: 0 0 10px rgba(64,126,202, .5); margin: 15px 0; overflow: hidden; background: #fff; padding: 10px 1%;}
.news li h2 { font-size: 24px; font-weight: normal; color: #26559b; line-height: 40px;}
.news li span { color: #999; font-size: 14px; line-height: 22px;}
.news li p { color: #666; font-size: 14px; line-height: 20px;}

.case { padding: 0 10px; border: 1px solid #ddd;}
.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;}

.early_n { padding: 0 10px; border: 1px solid #ddd;}
.early_n li { float: left; width: 23.7%; margin: 10px 1% 0 0; border: 1px solid #ddd; text-align: center; padding: 1px;}
.early_n li.mr0 { margin-right: 0;}
.early_n li a.pic { position: relative; width: 100%; padding: 50% 0; display: block; overflow: hidden;}
.early_n li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.early_n 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;}
.early_n li a.txt { color: #2758a3; font-size: 14px; font-weight: 100; line-height: 40px; display: block;}
.early_n li:hover a.txt { color: #2758a3; font-size: 18px; font-weight: 100; line-height: 40px; display: block;}

.p_lists { margin: 0 auto; border: 1px solid #ddd; padding: 10px 10px 0 10px;}
.p_lists li { float: left; width: 24.25%; margin: 0 1% 12px 0;}
.p_lists li.mr0 { margin-right: 0;}
.p_lists li a.pic { position: relative; width: 100%; padding: 50% 0; display: block;}
.p_lists li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.p_lists li a.txt { width: 100%; background: #3D4044; line-height: 40px; color: #fff; font-size: 16px; text-align: center; display: block; white-space: nowrap;
	overflow: hidden; text-overflow: ellipsis;}
.p_lists li:hover a.txt { background: #2758a3;}

/* -- 翻页效果 -- */
.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: #01459A; 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: 768px ) {
	.c_main_l .ttt, .titlele, .t05_cons1 , .c_main_l .c_main_l_m1, .c_main_r .y_zti { display: none;}

	.c_main_l .c_main_l_m { margin-bottom: 1em;}
	.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: #01459A; 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_l_m { box-shadow: none;}
	.c_main_l .c_main_l_m ul { overflow: hidden; border-top: 1px solid #fff; padding: 0;}

	.c_main { margin: .5em auto; padding: .3em;}
	.c_main_l, .c_main_r { width: 100%;}
	.c_main_r, .case { border: none; padding: 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%;}

	.hjs { padding: 0; border: none;}

	.p_lists li { width: 49.5%; margin: 0 1% .5em 0;}
	.p_lists { padding: .2em .2em 0 .2em;}
	.p_lists li.mr0 { margin-right: 1%;}
	.p_lists li:nth-child(2n) { margin-right: 0;}
	.p_lists li a.txt { line-height: 40px;}

	.news { padding: 0; border: none;}

	.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: #01459A; color: #fff; text-decoration: none;}

	.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;}
}
@media screen and ( max-width: 414px ) {
	.hjs .new_l li a { font-size: 14px;}
	.c_main_r .c_main_r_m p, .c_main .c_main_r .c_info_txt { line-height: 26px;}

	.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;}

	.early_n li { width: 48%; padding-bottom: 1em;  margin: .5em 1% 0 0;}
	.early_n li.nr0 { margin-right: 1%;}
	.early_n li:nth-child(2n) { margin-right: 0;}
	.early_n li .pic img { margin: 1em auto;}

}
@media screen and ( max-width: 411px ) {
	.c_main_l .c_main_l_m ul li { width: 49.4%;}
}
@media screen and ( max-width: 400px ) {
	.hjs .new_l li a { width: 78%;}
	.early_n li { width: 48.3%;}
}
@media screen and ( max-width: 360px ) {
	.hjs .new_l li a { width: 76%;}
	.page { margin: 0 2px;}
	.p_lists li a.txt { font-size: 18px;}
	.p_lists li a.txt p span { font-size: 20px;}
	.early_n li { width: 48%;}
}
@media screen and ( max-width: 320px ) {
	.c_main_l .c_main_l_m ul li { width: 49.2%;}
	.hjs .new_l li a { width: 72%;}
}