.tit { text-align: center; margin-bottom: 30px;}
.tit h3 { font-size: 36px; color: #555758; font-weight: bold; margin-bottom: 8px;}
.tit h3 b { color: #0050a3;}
.tit span { font-size: 12px; color: #bfbfbf; font-family: arial; text-transform: uppercase;}
.tit i { width: 23px; height: 6px; display: block; background: #0050a3; margin: 20px auto;}
.tit p { font-size: 14px; color: #7c7c7c;}

.tit1 { margin-bottom: 30px; text-align: center;}
.tit1 h3 { font-size: 36px; color: #2c2d2f; margin-bottom: 12px;}
.tit1 h6 { font-size: 14px; color: #8b8d94; font-weight: normal;}

.tit2 h2 { font-size: 58px; text-transform: uppercase; color: #fff; margin-bottom: 15px;}
.tit2 h2 span { font-size: 78px; color: #fed20f;}
.tit2 h3 { font-weight: normal;}
.tit2 h4 { float: left; font-size: 26px; color: #fff; margin-bottom: 6px; font-weight: normal;}
.tit2 h4 p { font-size: 14px; color: rgba( 255, 255, 255, 0.6); text-transform: uppercase;}
.tit2 a { float: right; display: inline-block; font-size: 14px; color: rgba( 255, 255, 255, 0.7); position: relative; margin-top: 25px;}
.tit2 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;}

.in_ser { padding: 40px 0; background: #f7f7f7;}
.in_ser .in_prom { margin-top: 20px; position: relative;}
.in_ser .hd { margin-bottom: 20px;}
.in_ser .hd { text-align: center;}
.in_ser .hd li { float: left; font-size: 15px; width: 15.8%; height: 40px; line-height: 40px; text-align: center; margin: 0 3px; border: 2px solid #0050a3; transition: .3s;
    border-radius: 20px;}
.in_ser .hd li a { color: #333335;}
.in_ser .hd li.on { background: #0050a3; border: 2px solid #0050a3; color: #fff;}
.in_ser .hd li.on a { color: #fff; text-decoration: none;}
.in_ser .in_prom .bd { overflow: hidden;}
.in_ser .in_prom .bd li { float: left; width: 24.3%; margin: 0 10px 10px 0; overflow: hidden;}
.in_ser .in_prom .bd li.mr0 { margin-right: 0;}
.in_ser .in_prom .bd li a.pic { position: relative; width: 100%; padding: 50% 0; display: block; overflow: hidden;}
.in_ser .in_prom .bd li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_ser .in_prom .bd li a.pic:hover img { transform: scale(1.1); transition: .3s;}
.in_ser .in_prom .bd li a.txt { width: 100%; display: block; background: #66CCFF; line-height: 40px; color: #333; font-size: 18px; text-align: center; margin-top: 1px;}
.in_ser .in_prom .bd li:hover a.txt { background: #0050a3; color: #fff; text-decoration: none;}
.in_ser .in_prom .prev, .in_pro .in_prom .next { position: absolute; top: 65%; width: 30px; height: 60px; margin-top: -30px; display: block;}

.in_adv { background: url(../img/s_ys_bg.jpg) center no-repeat; height: 766px; overflow: hidden;}
.in_adv .fl { position: relative;}
.in_adv .btn_zixun { width: 186px; height: 54px; background: #f69636; line-height: 54px; text-align: center; display: block; font-size: 18px; color: #fff; border-radius: 3px;
	position: absolute; left: 195px; top: 460px;}
.in_adv .btn_zixun i { display: inline-block; width: 21px; height: 21px; background: url(../img/s_ys_btn.png) center no-repeat; position: relative; top: 5px; margin-right: 10px;}
.in_adv .btn_zixun:hover { background: #dd8730;}
.in_adv ul { width: 700px; overflow: hidden; padding-left: 8px; padding-top: 55px;}
.in_adv ul li { width: 280px; float: left; color: #fff; margin-bottom: 25px; margin-left: 60px;}
.in_adv ul li .pic { width: 280px; height: 120px; border-radius: 5px; border: 3px solid #fff;}
.in_adv ul li .pic img { width: 100%; height: 120px;}
.in_adv ul li h5 { font-size: 20px; font-weight: bold; margin-bottom: 8px;}
.in_adv ul li h5 font { display: inline-block; width: 26px; height: 26px; position: relative; top: 5px; margin-right: 10px;}
.in_adv ul li p { font-size: 14.5px; line-height: 24px;}

.in_case { background: url(../img/container02_bg.jpg) no-repeat; padding: 40px 0;}
.in_case .in_casem li { float: left; width: 24.1%; margin: 0 15px 15px 0; height: 378px; overflow: hidden; list-style: none; position: relative;}
.in_case .in_casem li.mr0 { margin-right: 0;}
.in_case .in_casem li .pics a.pic { position: relative; width: 100%; padding: 50% 0; display: block; overflow: hidden;}
.in_case .in_casem li .pics a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_case .in_casem li .pics a.txt { width: 100%; display: block; background: #66CCFF; line-height: 40px; color: #333; font-size: 18px; text-align: center; margin-top: 1px;}
.in_case .in_casem li .txts { position: absolute; top: -378px; left: 0; width: 100%; height: 100%; background: #0050a3; display: block; color: #fff; text-align: center; transition: 1.5s;
	overflow: hidden;}
.in_case .in_casem li .txts h5 { font-size: 22px; font-weight: normal; line-height: 50px; margin-top: 15%;}
.in_case .in_casem li .txts p { font-size: 15px; margin-bottom: 40px; line-height: 30px; padding: 0 20px; text-align: left; text-indent: 2em;}
.in_case .in_casem li:hover .txts { top: 0; transition: 1.5s;}

.in_target { padding: 40px 0;}
.in_target li { float: left; width: 24.5%; margin: 0 7px; color: #fff; padding: 60px 40px 50px 60px; position: relative; z-index: 0;}
.in_target li:before { content: ""; width: 0; height: 100%; position: absolute; top: 0; right: 0; background: #0050a3; display: block; z-index: -1; transition: .8s;}
.in_target li:hover:before { width: 100%; left: 0; right: auto;}
.in_target li font { display: block; width: 30px; height: 30px; margin-bottom: 25px;}
.in_target li span { font-size: 18px; font-family: arial; text-transform: uppercase; margin-bottom: 13px; display: block;}
.in_target li h5 { font-size: 18px; font-weight: bold;}
.in_target li>i { display: block; width: 35px; height: 2px; background: #fff; margin-top: 25px; margin-bottom: 30px;}
.in_target li p { font-size: 14px; line-height: 30px; opacity: .85; height: 90px;}
.in_target li .btn_zixun { margin-top: 60%; display: block; width: 38px; overflow: hidden; position: relative; height: 38px; transition: .3s; line-height: 36px; text-align: center;
	border-radius: 3px; border: 1px solid #e0e0e0; border-radius: 3px;}
.in_target li .btn_zixun a { display: block; width: 110px; height: 38px; position: absolute; right: 0; color: #fff;}
.in_target li .btn_zixun i { display: inline-block; width: 11px; height: 5px; background: url(../img/s_aims_arrow.png) center no-repeat; margin-left: 10px; position: relative; top: -3px;}
.in_target li:hover .btn_zixun { width: 110px; border: 1px solid #f39700; background: #f39700;}
.in_target li .btn_zixun:hover { background: #dd8730;}

.in_gg { height: 240px; background: url(../img/s_bn1_bg.jpg) center no-repeat; color: #fff; padding-top: 60px;}
.in_gg .tt h5 { font-size: 36px; font-weight: bold; font-style: italic; margin-bottom: 12px;}
.in_gg .tt p { font-style: italic; font-size: 16px; margin-bottom: 50px;}
.in_gg .tel { width: 55%; height: 53px; line-height: 51px; border-radius: 26px; padding-left: 27px; border: 1px solid #66a4d3; font-size: 18px; position: relative;}
.in_gg .tel img { width: 25px; margin-right: 10px; display: inline-block;}
.in_gg .tel b { font-size: 35px; font-family: arial; position: absolute;}
.in_gg .tel a { color: #fff;}
.in_gg .tel .btn_zixun { width: 185px; height: 55px; line-height: 55px; text-align: center; position: absolute; right: -1px; top: -1px; background: #f39700; font-size: 18px; font-weight: bold; border-radius: 52px;}
.in_gg .tel .btn_zixun:hover { background: #dd8730;}

.in_about { background: url(../img/s_about_bg.jpg) center bottom no-repeat; padding: 80px 0 200px 0;}
.in_about .in_abL { margin-left: 80px; width: 36%; padding-top: 30px;} 
.in_about .tit2 { margin-bottom: 30px;}
.in_about .tit2 h3 { font-size: 34px; color: #373737; font-weight: bold; margin-bottom: 4px;}
.in_about .tit2 span { font-size: 20px; color: #373737; font-weight: bold;}
.in_about p { font-size: 14px; line-height: 28px; color: #6b6b6b; text-align: justify;}
.in_about .btn { width: 210px; height: 50px; text-align: center; line-height: 50px; text-align: center; display: block; background: #f39700; color: #fff; border-radius: 3px; margin-top: 67px;
	font-size: 15px;}
.in_about .btn:hover { background: #dd8730;}
.in_about .in_abR { width: 47.5%; margin-right: 80px;}
.in_about .in_abR .pic { position: relative; width: 100%; padding: 33.5% 0; display: block; overflow: hidden;}
.in_about .in_abR .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_about .shuzi { margin-top: 50px;}
.in_about .shuzi ul li { text-align: center; width: 33.2%; float: left;}
.in_about .shuzi ul li+li { border-left: 1px solid #e4e4e5;}
.in_about .shuzi ul li span { font-size: 45px; color: #003e8b; letter-spacing: -3px; font-weight: 600; font-family: 'Arial';}
.in_about .shuzi ul li p { font-size: 15px; color: #b0b0b0; text-align: center;}

.in_new { height: 794px; overflow: hidden;}
.in_new .tit2 { 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: #0050a3; 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: #0050a3; 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: #fed20f;}
.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;}

.hide { display: none;}

@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_new .in_newL .in_newLm li a .con { width: 77.7%;}
}
@media screen and ( max-width: 1550px ) {
	.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_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;}
}
@media screen and ( max-width: 1366px ) {
	.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 ) {
	
}
@media screen and ( max-width: 768px ) {
	.tit { margin-bottom: .5em;}
	.tit h3 { font-size: 30px; margin-bottom: 0;}
	.tit i { margin: .5em auto;}
	.tit p { line-height: 22px;}

	.tit1 { margin-bottom: .5em;}
	.tit1 h3 { font-size: 30px; margin-bottom: .15em;}

	.in_ser { padding: .5em 0;}
	.in_ser .in_prom { margin-top: 0;}
	.in_ser .hd { margin-bottom: 0;}
	.in_ser .hd li { width: 47%; margin: 4px;}
	.in_ser .in_prom .bd li { width: 47.9%; margin: .3em;}

	.in_adv { background: #0050a3; height: auto; padding-top: 1em;}
	.in_adv .tit h3 { color: #fff;}
	.in_adv .tit h3 b { color: #fed20f;}
	.in_adv .tit i {background: #fed20f;}
	.in_adv .tit p { color: #fff;}
	.in_adv ul { width: 100%; padding-left: 0; padding-top: .5em;}
	.in_adv ul li { width: 46%; margin: 0 .5em 1em .5em;}
	.in_adv ul li .pic { width: 100%; border: 2px solid #fff;}

	.in_case { padding: 1em 0; background-size: cover;}
	.in_case .in_casem li { width: 47.7%; margin: .3em; height: auto;}

	.in_target { padding: 1em 0;}
	.in_target li { width: 75.5%; margin: .1em 0;}
	.in_target li .btn_zixun { margin-top: 20%;}

	.in_about { background: none; padding: .5em  0;}
	.in_about .in_abL { margin-left: 0; width: 100%; padding-top: 0;} 
	.in_about .tit2 { margin-bottom: 1em;}
	.in_about .tit2 h3 { font-size: 28px;}
	.in_about .tit2 span { font-size: 18px;}
	.in_about p { line-height: 26px;}
	.in_about .btn { width: 210px; margin: 1em auto;}
	.in_about .in_abR { width: 100%; margin-right: 0;}
	.in_about .shuzi { margin-top: 1em;}
	.in_about .shuzi ul li { width: 33%;}

	.in_new { width: 96.5%; height: auto; background: url(../img/container05_bg.jpg) left top no-repeat; padding: 1em .5em;}
	.in_new .tit2 { width: 96%; margin-bottom: 1em;}
	.tit2 h2 { font-size: 30px; margin-bottom: .2em;}
	.tit2 h2 span { font-size: 48px;}
	.tit2 h4 { font-size: 20px;}
	.tit2 h4 p { font-size: 12px;}
	.tit2 a { font-size: 12px; margin-top: 20px;}
	.tit2 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;}
	
	.hide { display: block;}
	.in_new .in_newR, .in_new .in_newL .in_newLm li a .time, .in_gg, .in_adv .fl { display: none;}
}
@media screen and ( max-width: 414px ) {
	
}
@media screen and ( max-width: 411px ) {}
@media screen and ( max-width: 400px ) {
	.in_ser .hd li { width: 46.8%;}
	.in_ser .in_prom .bd li { width: 47.7%;}
	.in_target li { width: 74.8%;}
}
@media screen and ( max-width: 384px ) {
	.in_target li { width: 74%;}
}
@media screen and ( max-width: 375px ) {
	.in_ser .hd li { width: 46.5%;}
	.in_target li { width: 72.5%;}
}
@media screen and ( max-width: 360px ) {
	.in_ser .in_prom .bd li, .in_case .in_casem li { width: 47.5%;}
	.in_target li { width: 72%;}
}
@media screen and ( max-width: 320px ) {
	.in_ser .hd li { width: 46%;}
	.in_ser .in_prom .bd li, .in_case .in_casem li { width: 47%;}
	.in_target li { width: 68.9%;}
	.in_adv ul li { width: 45%;}
}