.tit { text-align: center;}
.tit h2 { font-size: 28px; color: #000; font-weight: normal;}
.tit p { color: #7f7f7f; margin-top: 8px;}
.tit span { display: block; margin: 10px auto 0 auto; width: 40px; height: 3px; background: #2758a3;}
.tit1 h2 { font-size: 58px; text-transform: uppercase; color: #fff; margin-bottom: 15px;}
.tit1 h2 span { font-size: 78px; color: #fed20f;}
.tit1 h3 { font-weight: normal;}
.tit1 h4 { float: left; font-size: 26px; color: #fff; margin-bottom: 6px; font-weight: normal;}
.tit1 h4 p { font-size: 14px; color: rgba(255,255,255,0.6); text-transform: uppercase;}
.tit1 a { float: right; display: inline-block; font-size: 14px; color: rgba(255,255,255,0.7); position: relative; margin-top: 25px;}
.tit1 a:before { content: ""; position: absolute; right: -12px; top: -16px; background: url(../img/container05_yuan.png) center no-repeat; width: 35px; height: 35px; z-index: 0;}
.tit2 { height: auto; line-height: 35px; font-size: 24px; color: #111; border-bottom: 1px solid #e0dfdf; padding-bottom: 2px;}
.tit2 span { font-size: 14px; color: #999; margin-left: 10px;}

.in_ser { padding: 50px 0; background: #f7f7f7;}
.in_ser li { float: left; width: 31.9%; margin: 30px 30px 0 0;}
.in_ser li.mr0 { margin-right: 0;}
.in_ser li a.pic { position: relative; width: 100%; padding: 24.2% 0; display: block; overflow: hidden;}
.in_ser li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;}
.in_ser li:hover a.pic img { transform: scale(1.08); transition: all 0.5s ease 0s; -webkit-transform: scale(1.08); -webkit-transform: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;}
.in_ser li a.txt { background: #fff; display: block; padding: 20px; height: 58px;}
.in_ser li a.txt img { margin: 0 25px 0 15px; float: left; display: inline-block;}
.in_ser li a.txt .a_txt { width: 70%; overflow: hidden; float: left;}
.in_ser li a.txt h2 { line-height: 25px; font-size: 18px; color: #111; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 6px 0 0 0;}
.in_ser li a.txt p { font-size: 12px; margin-top: 6px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
.in_ser li:hover a.txt h2 { color: #2758a3;}

.in_gg, .in_gg img { width: 100%; height: auto; display: block;}

.in_about { background: #26559b url(../img/main_d_bg.jpg) center top no-repeat; padding: 50px 0;}
.in_about .ab_box { width: 35%; background: url(../img/main_d_left_bg.png) left top no-repeat; padding: 28px 0px 0px 28px; height: 373px; position: relative;}
.in_about .ab_box .ab_box_tit { position: absolute; left: 33px; top: 33px; font-size: 18px; padding: 12px 25px; background: #26559b; color: #fff; z-index: 99;}
.in_about .ab_box .hd { position: absolute; right: 10px; bottom: 38px; z-index: 88;}
.in_about .ab_box .hd li { float: left; width: 13px; height: 13px; margin: 0 5px; border: 1px solid #fff; border-radius: 50%;}
.in_about .ab_box .hd li.on { background: #fff;}
.in_about .ab_box .bd { width: 490px; height: 340px; overflow: hidden; border: 5px solid #fff;}
.in_about .ab_box .bd li a { position: relative; width: 100%; padding: 34.7% 0; display: block;}
.in_about .ab_box .bd li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_about .ab_txt { width: 57%;}
.in_about .ab_txt h2 { display: inline-block; border-bottom: 1px solid #839abd; font-size: 36px; line-height: 62px; margin-bottom: 20px; color: #fff;}
.in_about .ab_txt p { font-size: 14px; color: #fff; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8;
	-webkit-box-orient: vertical;}
.in_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;}
.in_about .ab_txt a.more:hover { background: #f99124;}

.in_case { padding: 50px 0 0 0;}
.in_case .in_casem { position: relative; margin-top: 30px;}
.in_case .in_casem .prev, .in_case .in_casem .next { position: absolute; top: 50%; width: 24px; height: 43px; margin-top: -21px; display: block;}
.in_case .in_casem .prev { left: -40px; background: url('../img/btn_left.png') no-repeat;}
.in_case .in_casem .next { right: -40px; background: url('../img/btn_right.png') no-repeat;}
.in_case .in_casem .bd { width: 100%; margin: 0 auto; overflow: hidden;}
.in_case .in_casem .bd li { float: left; width: 20%; margin: 0 20px 20px 0;}
.in_case .in_casem .bd li a.pic { position: relative; width: 100%; padding: 50% 0; display: block;}
.in_case .in_casem .bd li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_case .in_casem .bd li a.txt { width: 100%; display: block; line-height: 40px; color: #000; font-size: 16px; text-align: center; display: block; white-space: nowrap;
	overflow: hidden; text-overflow: ellipsis;}
.in_case .in_casem .bd li:hover a.txt { color: #2758a3;}

.in_process { height: auto; width: 100%; background: url(../img/sy_fwlc.jpg) no-repeat 50% 0; padding: 50px 0;}
.in_process .tit h2 { color: #fff;}
.in_process .tit p { color: #8f8f8f;}
.in_process .tit span { background: #fff; margin-bottom: 50px;}
.in_pro_box { height: auto;}
.in_pro_box ul { height: auto; text-align: center; padding:0;}
.in_pro_box ul li { height: auto; display: inline-block; margin:0 50px;}
.in_pro_box ul li img { display: block;}
.in_pro_box ul li p { width: 100%; height: 30px; background: rgba(255,255,255,0.1); color: #fff; border: 1px solid #fff; border-radius: 4px; margin-top: 20px; line-height: 30px;
    font-size: 16px; text-align: center; margin-bottom: 0;}
.in_pro_wz { height: auto;}
.in_pro_wz p { text-indent: 32px; color: #fff; font-size: 16px; line-height: 32px; margin-top: 30px; margin-bottom: 0; text-align: center;}
.in_pro_wz h3 { font-family: "impact"; width: 562px; margin: 36px auto 0 auto;}
.in_pro_wz a { border: 1px solid #fff; color: #fff; font-size: 46px; text-align: center; line-height: 62px; height: 62px; display: block; text-decoration: none;}

.in_new { height: 794px; overflow: hidden;}
.in_new .tit1 { width: 72.6%; margin-bottom: 50px;}
.in_new .in_newL { width: 36.8%; background: url(../img/container05_bg.jpg) left top no-repeat; background-attachment: fixed; padding: 6% 0 5.1% 13.2%;}
.in_new .in_newL .in_newLm { width: 82.5%;}
.in_new .in_newL .in_newLm li { padding: 26px 0;}
.in_new .in_newL .in_newLm li a .time { width: 75px; border-right: #335c71 1px solid; vertical-align: top; position: relative;}
.in_new .in_newL .in_newLm li a .time:after { content: ""; position: absolute; width: 3px; height: 0; background: #fed20f; right: -2px; top: 0; transition: 0.9s;}
.in_new .in_newL .in_newLm li a .time h3 { font-size: 48px; color: #fff; font-weight: bold; transition: 0.9s ease;}
.in_new .in_newL .in_newLm li a .time h6 { font-size: 14px; color: #fff; display: inline-block; transition: 0.9s ease; font-weight: normal;}
.in_new .in_newL .in_newLm li a .con { width: 81%; display: inline-block; padding-left: 30px;}
.in_new .in_newL .in_newLm li a .con h5 { font-size: 16px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 18px; transition: 0.9s ease;
	font-weight: normal;}
.in_new .in_newL .in_newLm li a .con span { font-size: 12px; color: #fff; margin: .5em 0; display: none;}
.in_new .in_newL .in_newLm li a .con p { font-size: 12px; line-height: 20px; color: #b8bec4; height: 40px; overflow: hidden; transition: 0.9s ease; overflow: hidden;
	text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.in_new .in_newL .in_newLm li:hover a .con h5 { color: #fed20f;}
.in_new .in_newL .in_newLm li:hover a .time:after { height: 76px;}
.in_new .in_newR { width: 50%;}
.in_new .in_newR li a { display: table; font-size: 0; overflow: hidden; width: 100%; height: 397px;}
.in_new .in_newR li a .img { width: 50%; display: table-cell; overflow: hidden;}
.in_new .in_newR li a .img img { width: 100%; height: 397px;}
.in_new .in_newR li a .con { width: 50%; display: table-cell; background: #edf4f7; position: relative; z-index: 100;}
.in_new .in_newR li a .con:before { content: ""; position: absolute; top: 0; width: 0; right: 0; height: 100%; background: #283f4f; transition: 0.9s ease;}
.in_new .in_newR li a .con:after { content: ""; position: absolute; right: -20px; border-left: #edf4f7 20px solid; border-top: transparent 17px solid; border-bottom: transparent 17px solid;
	top: 50%; margin-top: -17px; transition: 0.6s;}
.in_new .in_newR li:last-child a .con:after { content: ""; position: absolute; right: 100%; border-right: #edf4f7 20px solid; border-top: transparent 17px solid; top: 50%;
	border-bottom: transparent 17px solid; margin-top: -17px; transition: 0.6s; border-left: none;}
.in_new .in_newR li a .con .table { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 410px;}
.in_new .in_newR li a .con .time { display: inline-block; margin: 2.5rem 0 4.5rem 0; width: 100%; text-align: center;}
.in_new .in_newR li a .con .time h3 { font-size: 60px; color: #166a79; font-weight: bold; margin-bottom: 4px; transition: 0.9s ease;}
.in_new .in_newR li a .con .time h6 { font-size: 14px; color: #00334e; padding-bottom: 10px; border-bottom: #00334e 1px solid; display: inline-block; transition: 0.9s ease;}
.in_new .in_newR li a .con_li { padding: 0 5rem;}
.in_new .in_newR li a .con_li h5 { font-size: 16px; color: #242424; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 18px; transition: 0.9s ease;}
.in_new .in_newR li a .con_li p { font-size: 12px; line-height: 20px; color: #8b8f91; height: 40px; overflow: hidden; margin-bottom: 3.375rem; transition: 0.9s ease;}
.in_new .in_newR li a .con_li h3 { width: 29px; margin: 0 auto;}
.in_new .in_newR li a .con_li h3 img { transition: 0.9s ease; overflow: hidden; width: auto; margin: 0 auto;}
.in_new .in_newR li a .con_li h3 .img02 { transform: scaleX(0); width: 0;}
.in_new .in_newR li a:hover .img>img { transform: scale(1.06);}
.in_new .in_newR li a:hover .con:before { left: 0; width: 100%;}
.in_new .in_newR li a:hover .con .time h3 { color: #fff;}
.in_new .in_newR li a:hover .con .time h6 { color: #fff; border-bottom: #fff 1px solid;}
.in_new .in_newR li a:hover .con_li h5 { color: #fff;}
.in_new .in_newR li a:hover .con_li p { color: #fff;}
.in_new .in_newR li a:hover .con_li h3 .img02 { transform: scaleX(1); width: auto;}
.in_new .in_newR li a:hover .con_li h3 .img01 { transform: scaleX(0); width: 0;}
.in_new .in_newR li a:hover .con:after { border-left: #283f4f 20px solid;}
.in_new .in_newR li:last-child a:hover .con:after { border-right: #283f4f 20px solid; border-left: none;}

.in_sub { height: auto; padding: 40px 0 30px 0;}
.in_sub_con { height: auto; margin-top: 15px;}
.in_sub_con .zhedia { overflow: hidden; transition: 0.9s ease;}
.in_sub_con dl { height: auto; padding:0;}
.in_sub_con dl dd { float: left; line-height: 25px; font-size: 14px; margin-right: 15px; margin-bottom: 5px; color: #e0dfdf;}
.in_sub_con dl dd a { color: #333;}
.in_sub_con dl dd a:hover { text-decoration: none; color: #e53e40;}
.in_sub_con dl dt { line-height: 25px; clear: both; font-size: 14px; margin-right: 15px; margin-bottom: 5px; color: #e0dfdf;}
.in_sub_con dl dd a::after { line-height: 25px; font-size: 14px; margin-right: 7px; margin-left: 7px; margin-bottom: 5px; color: #e0dfdf; content: " | ";}
.in_sub_con dl dt a { color: #333; font-weight: bold;}
.in_sub_con dl dt a:hover { color: #e53e40;}
#read-more { padding-top: 10px; border-top: 4px double #ddd; background: #fff; color: #333;}
#read-more a { padding-right: 22px; background: url() no-repeat 100% 50%; font-weight: bold; text-decoration: none; color: #e53e40;}
#read-more a:hover { color: #000;}

@media screen and ( max-width: 1920px ) {}
@media screen and ( max-width: 1680px ) {
	.in_new .in_newL .in_newLm li a .con { width: 79%;}
	.in_new { height: 770px;}
	.in_new .in_newR li a, .in_new .in_newR li a .img img { height: 385px;}
	.in_new .in_newR li a .con .time { margin: 2.5rem 0 3rem 0;}
}
@media screen and ( max-width: 1658px ) {
	.in_ser li { width: 31.8%;}
	.in_new .in_newL .in_newLm li a .con { width: 77.7%;}
}
@media screen and ( max-width: 1550px ) {
	.in_ser li { width: 31.7%;}
	.in_new .in_newL .in_newLm li a .con { width: 77.2%;}
	.in_new .in_newR li a, .in_new .in_newR li a .img img { height: 379px;}
}
@media screen and ( max-width: 1456px ) {
	.in_ser li { width: 31.6%;}
	.in_new .in_newL .in_newLm li a .con { width: 75.5%;}
	.in_new .in_newR li a, .in_new .in_newR li a .img img { height: 375px;}
}
@media screen and ( max-width: 1440px ) {
	.in_new .in_newL .in_newLm li a .con { width: 75%;}
	.in_new { height: 746px;}
	.in_new .in_newR li a, .in_new .in_newR li a .img img { height: 373px;}
	.in_about .ab_box { width: 41.4%;}
	.in_about .ab_txt { width: 52%;}
}
@media screen and ( max-width: 1366px ) {
	.in_about .ab_box { width: 37.8%;}
	.in_about .ab_txt { width: 57%;}
	.in_new .in_newL .in_newLm li a .con { width: 74%;}
	.in_new { height: 739px;}
}
@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;}

	.service .ser_l li { float: left; width: 31.6%;}
}
@media screen and ( max-width: 768px ) {
	.in_ser { padding: 1em 0 0 0; overflow: hidden;}
	.in_ser .in_serl { margin-top: 1em;}
	.in_ser li {width: 47.9%; margin: 0 .3em .6em .3em;}
	.in_ser li.mr0 { margin-right: .25em;}

	.in_ser li a.txt { padding: 8px; height: 52px; overflow: hidden;}
	.in_ser li a.txt img { width: 25%; margin: 0 .5em 0 .1em;}
	.in_ser li a.txt h2 { line-height: 20px; font-size: 15px; color: #111; margin: 0;}
	.in_ser li a.txt p { margin-top: 0; line-height: 18px;}

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

	.in_case { padding: 1em 0 0 0;}
	.in_case .in_casem { margin-top: 1em; overflow: hidden;}
	.in_case .in_casem .bd li { float: left; width: 45%; margin: 0 .5em .5em 0;}

	.in_new { width: 96.5%; height: auto; background: url(../img/container05_bg.jpg) left top no-repeat; padding: 1em .5em;}
	.in_new .tit1 { width: 96%; margin-bottom: 1em;}
	.tit1 h2 { font-size: 30px; margin-bottom: .2em;}
	.tit1 h2 span { font-size: 48px;}
	.tit1 h4 { font-size: 20px;}
	.tit1 h4 p { font-size: 12px;}
	.tit1 a { font-size: 12px; margin-top: 20px;}
	.tit1 a:before { top: -12px; background-size: auto 100%; width: 25px; height: 25px;}
	.in_new .in_newL { width: 100%; background: none; padding: 0;}
	.in_new .in_newL .in_newLm { width: 100%;}
	.in_new .in_newL .in_newLm li { padding: 1em 0 .5em 0; border-bottom: #8099a7 1px solid;}
	.in_new .in_newL .in_newLm li a .con { width: 100%; padding-left: 0;}
	.in_new .in_newL .in_newLm li a .con h5 { font-size: 14px; margin-bottom: 0;}
	.in_new .in_newL .in_newLm li a .con span { display: block;}

	.in_process { background-size: cover; padding: 1em 0; margin-bottom: 1em;}
	.in_process .tit span { margin-bottom: 1.5em;}
	.in_pro_box ul li { width: 40%; margin: 0 4%; margin-bottom: 20px; text-align: center;}
	.in_pro_box ul li img { display: inline-block; width: 60%;}
	.in_pro_box ul li p { font-size: 13px; margin-top: 15px;}
	.in_pro_wz { width: 100%;}
	.in_pro_wz p { font-size: 13px; line-height: 25px; margin-top: 5px; text-align: left;}
	.in_pro_wz h3 { width: 96%; margin: 20px auto 0 auto;}
	.in_pro_wz a { font-size: 36px; line-height: 50px; height: 50px;}

	.in_sub { padding: 1em 0 1em;}
	
	.in_new .in_newR, .in_new .in_newL .in_newLm li a .time, .in_about .ab_box .hd, .in_ser li:last-child { display: none;}
}
@media screen and ( max-width: 414px ) {
	.in_about .ab_box .bd { width: 97%;}
	.in_ser, .in_gg, .in_about, .in_case, .in_process, .in_sub { width: 100%; overflow: hidden;}
}
@media screen and ( max-width: 411px ) {}
@media screen and ( max-width: 400px ) {
	.in_ser li {width: 47.8%;}
}
@media screen and ( max-width: 375px ) {
	.in_ser li {width: 47.7%;}
	.in_ser li a.txt .a_txt { width: 69%;}
}
@media screen and ( max-width: 360px ) {
	.in_ser li {width: 47.6%;}
}
@media screen and ( max-width: 320px ) {}