.tit { text-align: center; margin-bottom: 20px;}
.tit h2 { font-size: 36px; color: #0065b3; font-weight: bold; letter-spacing: 3px; margin-bottom: 15px;}
.tit1 h2 { color: #fff;}
.tit h2 span { color: #e77e0f;}
.tit p { font-size: 16px; color: #555; line-height: 28px;}

.early { padding: 30px 0 20px 0;}
.early_l li { float: left; width: 23.7%; margin: 0 1% 12px 0; border: 1px solid #ddd; padding: 2px;}
.early_l li.mr0 { margin-right: 0;}
.early_l li a.pic { position: relative; width: 100%; padding: 50% 0; display: block; overflow: hidden;}
.early_l li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.early_l 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_l 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;}
.early_l li:hover { border-color: #0065b3;}

.product { background: url(../img/main_b_bg.jpg) center top no-repeat; padding: 30px 0 25px 0;}
.product .pro_t { width: 100%; height: 80px; line-height: 80px; margin: 10px auto 0px auto; margin-bottom: 24px; text-align: center;
	background: url(../img/tab_xian.png) center 70px no-repeat;}
.product .pro_t li { display: inline; cursor: pointer; color: #fff; font-size: 14px; text-align: center; width: 75px; padding: 5px 30px 30px 30px;
	background: url(../img/tab_a.png) center 37px no-repeat;}
.product .pro_t li.on { background:url(../images/tab_hover.png) center top no-repeat; }
.product .pro_t li a { color: #fff;}
.product .pro_t li:hover a { color: #fff; background: #e77e0f; padding: 8px 10px; border-radius: 20px;}
.product .pro_t li:hover { background: url(../img/tab_hover.png) center top no-repeat;}
.product .pro_b { position: relative;}
.product .pro_b .prev, .product .pro_b .next { position: absolute; top: 50%; width: 24px; height: 43px; margin-top: -21px; display: block;}
.product .pro_b .prev { left: -40px; background: url('../img/btn_left.png') no-repeat;}
.product .pro_b .next { right: -40px; background: url('../img/btn_right.png') no-repeat;}
.product .pro_b .bd { width: 100%; margin: 0 auto; overflow: hidden;}
.product .pro_b .bd li { float: left; width: 23%; padding: 8px 8px 0 8px; background: #fff; margin: 0 10px 10px 0;}
.product .pro_b .bd li a.pic { position: relative; width: 100%; padding: 50% 0; display: block;}
.product .pro_b .bd li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.product .pro_b .bd li a.txt { width: 100%; display: block; line-height: 50px; color: #0065b3; font-size: 16px; text-align: center; display: block; white-space: nowrap;
	overflow: hidden; text-overflow: ellipsis;}

.advan { background: #f1f1f1;}
.advan .advan_l { width: 39%; height: 483px; position: relative;}
.advan .advan_l img { height: 483px; position: absolute; right: 0px;}
.advan .tit { display: none;}
.advan .advan_r { width: 54.2%; padding: 28px 0;}
.advan .advan_r .hd { width: 111px; height: 415px; position: relative;}
.advan .advan_r .hd li { width: 111px; cursor: pointer; height: 82px; line-height: 28px; color: #fff; font-size: 18px; text-align: center; margin-bottom: 1px;}
.advan .advan_r .hd li.ys1 { background: url(../img/youshi_tab_a1.jpg) center top no-repeat;}
.advan .advan_r .hd li.ys2 { background: url(../img/youshi_tab_a2.jpg) center top no-repeat;}
.advan .advan_r .hd li.ys3 { background: url(../img/youshi_tab_a3.jpg) center top no-repeat;}
.advan .advan_r .hd li.ys4 { background: url(../img/youshi_tab_a4.jpg) center top no-repeat;}
.advan .advan_r .hd li.ys5 { background: url(../img/youshi_tab_a5.jpg) center top no-repeat;}
.advan .advan_r .hd li.on { background: url(../img/youshi_tab_hover.jpg) center top no-repeat; color: #fff;}
.advan .advan_r .hd li span { display: block; text-align: left;}
.advan .advan_r .hd li span.nub { font-size: 24px; font-family: "Times New Roman", Times, serif; padding: 9px 0px 3px 0px; text-indent: 9px;}
.advan .advan_r .hd li span.nub_tit { font-size: 28px; text-align: center;}
.advan .advan_r .bd { width: 76.3%; font-size: 14px; color: #626262; line-height: 26px; padding: 15px 0px;}
.advan .advan_r .bd li { width: 100%;}
.advan .advan_r .bd li h2 { color: #0065b3; font-size: 24px; font-weight: normal; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #0065b3;}
.advan .advan_r .bd li h3 { position: relative; width: 100%; padding: 24.5% 0; display: block;}
.advan .advan_r .bd li h3 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.advan .advan_r .bd li p { font-size: 15px; line-height: 28px; margin-top: 5px;}

.about { background: #0065b3 url(../img/main_d_bg.jpg) center top no-repeat; padding: 50px 0;}
.about .ab_box { width: 41.3%; background: url(../img/main_d_left_bg.png) left top no-repeat; padding: 28px 0px 0px 28px; height: 373px; position: relative;}
.about .ab_box .ab_box_tit { position: absolute; left: 33px; top: 33px; font-size: 18px; padding: 12px 25px; background: #0065b3; color: #fff; z-index: 99;}
.about .ab_box .hd { position: absolute; right: 10px; bottom: 38px; z-index: 88;}
.about .ab_box .hd li { float: left; width: 13px; height: 13px; margin: 0 5px; background: #ccc; border-radius: 50%;}
.about .ab_box .hd li.on { background: #fff;}
.about .ab_box .bd { width: 490px; height: 340px; overflow: hidden; border: 5px solid #fff;}
.about .ab_box .bd li a { position: relative; width: 100%; padding: 34.7% 0; display: block;}
.about .ab_box .bd li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.about .ab_txt { width: 48.1%;}
.about .ab_txt h2 { display: inline-block; border-bottom: 1px solid #839abd; font-size: 36px; line-height: 62px; margin-bottom: 20px; color: #fff;}
.about .ab_txt p { font-size: 14px; color: #fff; line-height: 30px;}
.about .ab_txt a.more { display: block; width: 110px; height: 37px; text-align: center; line-height: 37px; background: #e77e0f; font-size: 14px; color: #fff; margin-top: 30px;}
.about .ab_txt a.more:hover { background: #f99124;}

.hor { padding: 30px 0 25px 0; background: #f5f5f5;}
.hor .hor_l { position: relative;}
.hor .hor_l .prev, .hor .hor_l .next { position: absolute; top: 50%; width: 18px; height: 35px; margin-top: -17px; display: block;}
.hor .hor_l .prev { left: -40px; background: url('../img/main_e_btn_left.png') no-repeat;}
.hor .hor_l .next { right: -40px; background: url('../img/main_e_btn_right.png') no-repeat;}
.hor .hor_l .bd { width: 100%; overflow: hidden;}
.hor .hor_l .bd li { float: left; width: 220px; height: 220px; margin-right: 10px; overflow: hidden; display: table; background: #fff; border: 1px solid #ddd;}
.hor .hor_l .bd li a { height: 220px; display: table-cell; vertical-align: middle;}
.hor .hor_l .bd li img { width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; display: block;}
.hor .hor_l .bd 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;}
.hor .hor_l .bd li:hover { border: 1px solid #0065b3;}

.new { padding: 30px 0 18px 0;}
.new .new_l .hd { margin-bottom: 35px; background: url(../img/news_tab_xian.jpg) center center no-repeat;}
.new .new_l .hd ul { text-align: center; margin: 0 auto;}
.new .new_l .hd ul li { display: inline; padding: 10px 30px; margin: 0px 5px; color: #555; font-size: 14px;
	background: url(../img/news_a.png) center center no-repeat; cursor: pointer;}
.new .new_l .hd ul li a{ color: #555;}
.new .new_l .hd ul .on { background: url(../img/news_hover.png) center center no-repeat; color: #fff;}
.new .new_l .hd ul .on a { color: #fff;}
.new .new_l .mains_l { width: 48.2%; border: 1px solid #ddd; padding: 10px; height: 375px; margin: 5px 0 0 0;}
.new .new_l .mains_l .show { width: 100%; margin-bottom: 10px;}
.new .new_l .mains_l .show img { width: 30%; height: 173px; display: inline-block; margin-right: 8px;}
.new .new_l .mains_l .show .txt { width: 68%;}
.new .new_l .mains_l .show .txt a.stit { font-size: 20px; line-height: 36px; color: #0065b3; display: block; white-space: nowrap; overflow: hidden;
	text-overflow: ellipsis;}
.new .new_l .mains_l .show .txt p { font-size: 14px; line-height: 24px; color: #333; display: -webkit-box;
	overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.new .new_l .mains_l .show .txt a.more { width: 100px; line-height: 30px; text-align: center; background: #ababab;
	display: block; color: #fff; margin-top: 4px;}
.new .new_l .mains_l li { background: url(../img/dian.png) no-repeat left center; padding-left: 13px;
	border-bottom: 1px solid #ddd; line-height: 36px;}
.new .new_l .mains_l li a { float: left; width: 80%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	color: #333;}
.new .new_l .mains_l li span { display: inline-block; float: right;}
.new .new_l .mains_r { width: 48.2%; margin: 5px 5px 0 0;}
.new .new_l .mains_r li { width: 98%; box-shadow: 0 0 10px rgba(64,126,202, .5); margin: 0 0 15px 0; overflow: hidden; background: #fff; padding: 10px 1%;}
.new .new_l .mains_r li.mb0 { margin-bottom: 0; padding-bottom: 0;}
.new .new_l .mains_r li h2 { font-size: 24px; font-weight: normal; color: #0065b3; line-height: 40px; display: block; white-space: nowrap;
	overflow: hidden; text-overflow: ellipsis;}
.new .new_l .mains_r li span { color: #999; font-size: 14px; line-height: 22px;}
.new .new_l .mains_r li p { color: #666; font-size: 14px; line-height: 20px;}

@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 ) {
	.about .ab_box { width: 46%;}
	.about .ab_box .bd { width: 100%; height: auto;}
	.about .ab_box .bd li a { padding: 37% 0;}

	.early_l li { width: 23.6%;}
}
@media screen and ( max-width: 768px ) {
	.tit, .tit h2 { margin-bottom: .2em;}

	.early, .hor { padding: 1em 0;}
	.early_l li { width: 23.4%; margin: 0 1% .5em 0;}

	.product { padding: 1em 0;}
	.product .pro_t { overflow: hidden;}
	.product .pro_b .bd li { width: 21.8%;}

	.advan { padding: 1em 0;}
	.advan .advan_r { width: 100%;}
	.advan .advan_r .hd { float: left;}
	.advan .advan_r .bd { float: right; width: 82%;}

	.about .ab_box { width: 100%; padding: 0; height: auto;}
	.about .ab_box .ab_box_tit { left: 5px; top: 5px; width: 160px; padding: 0; text-align: center; line-height: 50px;}
	.about .ab_box .bd { width: 98%;}
	.about .ab_txt { width: 100%;}
	.about .ab_txt h2 { width: 144px; display: block; margin: .3em auto;}
	.about .ab_txt a.more { width: 110px; margin: .3em auto;}

	.new .new_l .hd { margin: 1.5em 0;}
	.new .new_l .mains_l { width: 100%; border: none; padding: 0; height: auto;}
	.new .new_l .mains_l .show img { float: left;}
	.new .new_l .mains_l .show .txt { float: right;}
	.new .new_l .mains_l ul { margin-bottom: 1em;}
	.new .new_l .mains_r { width: 98%;}
	.new .new_l .mains_r li { width: 97%; margin-left: 5px;}
	.new .new_l .mains_r li h2 { font-size: 24px; font-weight: normal; color: #0065b3; line-height: 40px;
		display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.new .new_l .mains_r li span { color: #999; font-size: 14px; line-height: 22px;}
	.new .new_l .mains_r li p { color: #666; font-size: 14px; line-height: 20px;}

	.product .pro_b .prev, .product .pro_b .next, .advan .advan_l, .hor .hor_l .prev, .hor .hor_l .next { display: none;}
	.advan .tit { display: block;}
}
@media screen and ( max-width: 414px ) {
	.tit, .tit h2 { margin-bottom: .2em;}

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

	.product .pro_t li { width: 75px; padding: 5px .1em 30px .1em; font-size: 12px;}
	.product .pro_b .bd li { width: 45%; margin: 0 .5em .5em 0; padding: .5em .5em 0 .5em;}
	.product .pro_b .bd li a.txt { line-height: 40px;}

	.advan .advan_r { padding: 0;}
	.advan .advan_r .bd { width: 70%; padding: 0;}
	.advan .advan_r .bd li h2 { line-height: 35px;}

	.about .ab_box .bd { width: 97%;}

	.new { padding: 1em 0 0 0; height: 940px;}
	.new .new_l .mains_l .show img { width: 40%; height: 133px;}
	.new .new_l .mains_l .show .txt { width: 58%;}
	.new .new_l .mains_l .show .txt p { line-height: 20px; -webkit-line-clamp: 3;}
	.new .new_l .mains_l li a { width: 100%;}
	.new .new_l .mains_r li { width: 95.5%;}

	.new .new_l .mains_l li span { display: none;}
}
@media screen and ( max-width: 411px ) {}
@media screen and ( max-width: 400px ) {
	.early_l li { width: 47.8%;}
	.new .new_l .mains_l .show .txt { width: 57%;}
}
@media screen and ( max-width: 375px ) {
	.advan .advan_r .bd { width: 69%;}
	.new { height: 990px;}
}
@media screen and ( max-width: 360px ) {
	.advan .advan_r .bd { width: 68%;}
}
@media screen and ( max-width: 320px ) {}