.tit { margin-bottom: 20px;}
.tit h3 { font-weight: normal; margin-bottom: 8px; font-size: 40px; color: #000;}
.tit hr { width: 45px; height: 2px; background-color: #d69b71; zoom: 1; display: inline-block; vertical-align: middle;}

.tit10 h3 { font-size: 36px; color: #000; line-height: 1;}
.tit10 p { font-size: 24px; color: #666; line-height: 1; margin-top: 13px; margin-bottom: 22px;}
.tit10 span { font-size: 30px; color: #333; line-height: 1;}

.in_about { height: 700px;}
.in_about .in_abL { width: 50%; position: relative; height: 100%;}
.in_about .in_abL img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.in_about .in_abR { width: 50%; position: relative; height: 100%;}
.in_about .in_abR .in_abRm { width: 66%; margin: 5% 0 0 7%;}
.in_about .in_abR .in_abRm h3 { font-size: 30px; color: #333; line-height: 40px; padding-bottom: 30px; text-align: center;}
.in_about .in_abR .in_abRm h3 span { font-size: 15px; display: block; color: #888; text-transform: uppercase; font-weight: normal;}
.in_about .in_abR .in_abRm em { font-size: 24px;}
.in_about .in_abR .in_abRm p { text-indent: 2em; font-size: 14px; line-height: 2; color: #444; text-align: justify;}
.in_about .in_abR .in_abRl { width: 100%; background: #f2f4f7; position: absolute; left: 0; bottom: 0; padding: 40px 0;}
.in_about .in_abR .in_abRl li { display: inline-block; margin-left: 3.5%; text-align: center;}
.in_about .in_abR .in_abRl li a { display: block;}
.in_about .in_abR .in_abRl li .ibox { height: 84px; margin-bottom: 15px; transition: all .5s ease;}
.in_about .in_abR .in_abRl li:hover .ibox { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);
	transition: all .5s ease;}
.in_about .in_abR .in_abRl li h1 { font-size: 14px; color: #4c4e54; display: block; text-align: center; text-transform: uppercase; padding-bottom: 10px;
	font-weight: normal;}
.in_about .in_abR .in_abRl li p { font-size: 12px; line-height: 18px; color: #a2a2a7; display: block; text-align: center;}
.in_about .in_abR .in_abRl li.li1 .ibox { background: url(/img/in_abRl01.png) center no-repeat;}
.in_about .in_abR .in_abRl li.li1:hover .ibox {background: url(/img/in_abRl01_h.png) center no-repeat;}
.in_about .in_abR .in_abRl li.li2 .ibox { background: url(/img/in_abRl02.png) center no-repeat;}
.in_about .in_abR .in_abRl li.li2:hover .ibox {background: url(/img/in_abRl02_h.png) center no-repeat;}
.in_about .in_abR .in_abRl li.li3 .ibox { background: url(/img/in_abRl03.png) center no-repeat;}
.in_about .in_abR .in_abRl li.li3:hover .ibox {background: url(/img/in_abRl03_h.png) center no-repeat;}
.in_about .in_abR .in_abRl li.li4 .ibox { background: url(/img/in_abRl04.png) center no-repeat;}
.in_about .in_abR .in_abRl li.li4:hover .ibox {background: url(/img/in_abRl04_h.png) center no-repeat;}

.in_bg { width: 100%; background: #f2f4f7; height: 137px;}
.in_rukou { position: relative; margin: -87px auto 80px auto;}
.in_rukou li { float: left; width: 16.666666%;}
.in_rukou li a { text-align: center; padding-top: 42px; margin: 0 auto; position: relative; z-index: 1; display: block; width: 174px; height: 132px;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}
.in_rukou li svg { margin-bottom: 18px;}
.in_rukou li svg path { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.in_rukou li h4 { height: 44px; transition: .5s; font-size: 14px; color: #000; line-height: 22px; margin: 0 30px; -webkit-transition: .5s;
	-moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; font-weight: normal;}
.in_rukou li a:before { content: ""; width: 100%; height: 100%; border-radius: 50%; background: #fff; border: 1px solid #f2f4f7; display: block;
	position: absolute; z-index: -1; left: 0px; top: 0px; transition: all 0.5s ease 0s; -o-border-radius: 50%; -webkit-transform: all 0.5s ease 0s;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;}
.in_rukou li a:after { content: ""; width: 100%; height: 100%; border-radius: 50%; background: #0c2340; display: block; position: absolute; z-index: -1;
	left: 0px; top: 0px; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
	-o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); visibility: hidden; -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
	transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.in_rukou li a:hover:before { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3);}
.in_rukou li a:hover:after { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}
.in_rukou li a:hover svg path { fill: #fff;}
.in_rukou li a:hover h4 { color: #fff;}

.in_ses li { position: relative; float: left; width: 25%; height: 700px; transition: all .3s;}
.in_ses li:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: all .3s; background: rgba(0, 0, 0, .7);}
.in_ses li .pic { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.in_ses li .txt { position: absolute; bottom: 30%; left: 13%; opacity: 1; transition: all .3s;}
.in_ses li .txt h3 { margin-bottom: 30px; color: #fff; font-weight: normal; font-size: 24px; line-height: 1;}
.in_ses li .txt h3 p { font-size: 16px; color: #fff; margin-top: 12px;}
.in_ses li .txt h4 { color: #fff; font-size: 20px; font-weight: normal;}
.in_ses li.on { width: 20%;}
.in_ses li.active { width: 40%;}
.in_ses li.active:before, .in_ses li.active .txt { opacity: 0;}

.in_ys { background: url(/img/9871.jpg) no-repeat top center; background-size: cover; background-attachment: fixed; padding: 50px 0;}
.in_ys .hd { margin-left: 5px;}
.in_ys .hd li { margin-left: 5px; width: 172px; height: 62px; text-align: center; line-height: 62px; color: #fff; margin-bottom: 2px; background: #555;
	border: 4px solid #555;}
.in_ys .hd li.on { border: 4px solid #d69b71;}
.in_ys .bd { width: calc(100% - 190px); overflow: hidden;}
.in_ys .bd li { width: 100%; height: 575px;}
.in_ys .bd li img { width: 100%; height: 100%; display: block;}

.in_future { padding: 100px 0;}
.in_future .hd li { float: left; width: 33.333333%; text-align: center; line-height: 1; cursor: pointer;}
.in_future .hd li h3 { font-size: 24px; color: #333; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.in_future .hd li p { padding-top: 20px; font-size: 16px; color: #333; letter-spacing: 1px;}
.in_future .hd li.on h3 { color: #005bac; border-bottom: 2px solid #005bac;}
.in_future .bd li { margin-top: 50px;}
.in_future .bd li .L_box { width: 48%;}
.in_future .bd li .L_box img { width: 100%;}
.in_future .bd li .R_box { vertical-align: middle; width: 46%; box-sizing: border-box; font-size: 14px;}
.in_future .bd li .R_box .R_bpic img { max-width: 100%;}
.in_future .bd li .R_box .R_btxt { margin-top: 40px;}
.in_future .bd li .R_box .R_btxt p { font-size: 18px; line-height: 1.8;}
.in_future .bd li .R_box .R_bpo { margin-top: 30px;}
.in_future .bd li .R_box .R_bpo img { max-width: 100%;}

.in_progra { margin-top: 0; overflow: hidden; margin-bottom: 60px;}
.in_progra .container { position: relative; height: 790px;}
.in_progra .in_ppic { width: 82%; position: absolute; right: 0; top: 40px;}
.in_progra .in_ppic img { width: 100%;}
.in_progra .in_pbpic { position: absolute; z-index: 2; bottom: 0; left: 0;}

.in_case .in_caseM { margin-top: 40px;}
.in_case .in_caseM li { float: left; width: calc((100% - 40px)/3); margin-right: 20px;}
.in_case .in_caseM li.mr0 { margin-right: 0;}
.in_case .in_caseM li a.pic { position: relative; width: 100%; padding: 50% 0; display: block; overflow: hidden;}
.in_case .in_caseM li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .5s;}
.in_case .in_caseM li:hover a.pic img { transform: scale(1.1); transition: all .5s;}
.in_case .in_caseM li a.txt { background: #231815; color: #d33822; padding: 40px 0; text-align: center; display: block;}
.in_case .in_caseM li a.txt img { height: 90px; width: auto; transition: all .5s;}
.in_case .in_caseM li a.txt h4 { margin-top: 15px; font-size: 24px; font-weight: 400;}
.in_case .in_caseM li a.txt p { margin-top: 4px; font-size: 14px; font-weight: 300;}
.in_case .in_caseM li:hover a.txt img { transform: scale(1.1); transition: all .5s;}

.in_news { background: url(/img/pcimg46.jpg) no-repeat 50%; background-size: cover; padding: 80px 0 50px 0; margin-top: 60px;}
.in_news .in_newsT { margin-bottom: 40px;}
.in_news .hd li { width: 90px; height: 30px; line-height: 30px; float: left; margin: 30px 35px 0 0; color: #6a6a6a; font-size: 16px; text-align: center;}
.in_news .hd li.on { background: #005bac; color: #fff; border-radius: 30px;}
.in_news .bd .show { width: calc((100% - 30px)/2);}
.in_news .bd .show a.pic { position: relative; width: 100%; height: 322px; display: block; overflow: hidden;}
.in_news .bd .show a.pic img { width: 100%; height: 100%; display: block; transition: all .5s;}
.in_news .bd .show:hover a.pic img { transform: scale(1.1); transition: all .5s;}
.in_news .bd .show a.txt { padding: 30px; background: #fff; display: block;}
.in_news .bd .show a.txt h3 { float: left; text-align: center; font-family: Arial; color: #454545; font-size: 48px; font-weight: 700; line-height: 50px;
	padding-right: 30px; border-right: 1px solid #cfcfcf; margin-right: 30px;}
.in_news .bd .show a.txt h3 span { display: block; color: #6a6a6a; font-size: 18px; font-weight: 500; line-height: 20px;}
.in_news .bd .show a.txt .xx { float: right; width: calc((100% - 127px));}
.in_news .bd .show a.txt h4 { color: #202020; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-bottom: 6px;
	font-weight: normal;}
.in_news .bd .show a.txt p { color: #6a6a6a; font-size: 14px; line-height: 1.6; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
    overflow: hidden; -webkit-box-orient: vertical;}
.in_news .bd ul { width: calc((100% - 30px)/2);}
.in_news .bd li { padding: 30px; background: #fff; margin-bottom: 30px;}
.in_news .bd li h3 { float: left; text-align: center; font-family: Arial; color: #454545; font-size: 48px; font-weight: 700; line-height: 50px;
	padding-right: 30px; border-right: 1px solid #cfcfcf; margin-right: 30px;}
.in_news .bd li h3 span { display: block; color: #6a6a6a; font-size: 18px; font-weight: 500; line-height: 20px;}
.in_news .bd li .xx { float: right; width: calc((100% - 127px));}
.in_news .bd li h4 { color: #202020; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin-bottom: 6px;
	font-weight: normal;}
.in_news .bd li p { color: #6a6a6a; font-size: 14px; line-height: 1.6; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
    overflow: hidden; -webkit-box-orient: vertical;}
.in_news .bd .show a.txt:hover h4, .in_news .bd li:hover h4 { color: #005bac;}

@media screen and ( max-width: 1920px ) {}
@media screen and ( max-width: 1680px ) {
	.in_about .in_abR .in_abRm { width: 70%;}
}
@media screen and ( max-width: 1600px ) {
	.in_about .in_abR .in_abRm em { font-size: 26px;}
}
@media screen and ( max-width: 1532px ) {
	.in_about .in_abR .in_abRl li { margin-left: 3%;}
	.in_about .in_abR .in_abRm em { font-size: 26px;}
}
@media screen and ( max-width: 1440px ) {
	.in_about .in_abR .in_abRl li { margin-left: 2%;}
	.in_about .in_abR .in_abRm em { font-size: 24px;}
}
@media screen and ( max-width: 1400px ) {
	.in_about .in_abR .in_abRl li { margin-left: 2%;}
	.in_about .in_abR .in_abRm p { line-height: 1.8;}
}
@media screen and ( max-width: 1366px ) {
	.in_about .in_abR .in_abRm em { font-size: 22px;}
}
@media screen and ( max-width: 1280px ) {
	.in_about .in_abR .in_abRm { width: 80%;}
	.in_about .in_abR .in_abRm em { font-size: 22px;}
	.in_about .in_abR .in_abRm h3 { padding-bottom: 0;}
}
@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {
	.tit { margin-bottom: 20px;}
	.tit h3 { font-weight: normal; margin-bottom: 8px; font-size: 30px; color: #000;}
	.tit hr { width: 45px; height: 2px; background-color: #d69b71; zoom: 1; display: inline-block; vertical-align: middle;}

	.tit10 { text-align: center;}
	.tit10 h3 { font-size: 28px;}
	.tit10 p { font-size: 20px; margin: .5em 0;}
	.tit10 span { font-size: 24px; text-align: center; display: inline-block; width: 100%;}

	.in_about { height: auto;}
	.in_about .in_abL { width: 100%; position: static; height: 100%;}
	.in_about .in_abL img { position: static; width: 100%; height: 100%; display: block;}
	.in_about .in_abR { width: 100%; position: static; height: 100%;}
	.in_about .in_abR .in_abRm { width: 96%; margin: 0 2%; margin-top: .5em;}
	.in_about .in_abR .in_abRm h3 { font-size: 28px; line-height: 30px;}
	.in_about .in_abR .in_abRm h3 span { font-size: 14px; line-height: 20px; padding-top: 10px;}
	.in_about .in_abR .in_abRm em { font-size: 18px;}
	.in_about .in_abR .in_abRm p { font-size: 14px; line-height: 1.6; padding: .5em 0 .8em 0;}
	.in_about .in_abR .in_abRl { position: static; padding: 1em 0;}
	.in_about .in_abR .in_abRl li { width: 49%; margin-left: 0; margin: .3em 0;}

	.in_bg, .in_rukou, .in_future .hd li p, .in_progra { display: none;}

	.in_ses li { width: 50%; height: 200px;}
	.in_ses li .txt { bottom: 22%; left: 8%;}
	.in_ses li .txt h3 { margin-bottom: 1em; font-size: 22px;}
	.in_ses li .txt h3 p { font-size: 12px;}

	.in_ys { padding: 1em 0;}
	.in_ys .hd { margin-left: 0;}
	.in_ys .hd li { float: left; margin: .1em; width: calc((100% - 1.9em)/4); height: 30px; line-height: 30px; border: 2px solid #555;}
	.in_ys .hd li.on { border: 2px solid #d69b71;}
	.in_ys .bd { width: 100%;}
	.in_ys .bd li { width: 100%; height: 250px;}
	.in_ys .bd li img { width: 100%; height: 100%; display: block;}

	.in_future { padding: 1em 0;}
	.in_future .hd li { margin-top: 1.5em;}
	.in_future .hd li { width: 33.333333%;}
	.in_future .hd li h3 { font-size: 16px; padding-bottom: .5em;}

	.in_future .bd li { margin-top: .5em;}
	.in_future .bd li .L_box { width: 100%;}
	.in_future .bd li .R_box { width: 100%;}
	.in_future .bd li .R_box .R_bpic img { max-width: 100%;}
	.in_future .bd li .R_box .R_btxt { margin-top: .5em;}
	.in_future .bd li .R_box .R_btxt p { font-size: 14px; line-height: 1.8;}
	.in_future .bd li .R_box .R_bpo { margin-top: .5em;}

	.in_case { margin-top: 1em;}
	.in_case .in_caseM { margin-top: 1em;}
	.in_case .in_caseM li { float: none; width: 100%; margin-right: 0; margin-bottom: .2em;}
	.in_case .in_caseM li a.txt { padding: 1em 0;}
	.in_case .in_caseM li a.txt img { height: 60px;}
	.in_case .in_caseM li a.txt h4 { margin-top: .3em; font-size: 22px;}
	.in_case .in_caseM li a.txt p { margin-top: 4px; font-size: 12px;}

	.in_news { padding: 1em 0; margin-top: 1em;}
	.in_news .in_newsT { margin-bottom: 1em;}
	.in_news .hd li { width: calc((100% - 20%)/2); margin: 30px 5% 0 5%;}
	.in_news .bd .show { width: 100%;}
	.in_news .bd .show a.pic { position: relative; width: 100%; height: 250px;}
	.in_news .bd .show a.txt { padding: 1em; margin-bottom: 5px;}
	.in_news .bd ul { width: 100%;}
	.in_news .bd li { padding: 1em; background: #fff; margin-bottom: 5px;}
}
@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 400px ){}
@media screen and ( max-width: 375px ){}
@media screen and ( max-width: 360px ){}
@media screen and ( max-width: 320px ){}<!--ºÄʱ1784917404.0191Ãë-->