.about, .contact, .case_info, .case_main, .job, .c_info, .news { width: 100%; background: #8197a4; padding-bottom: 80px;}
.ab_tit { text-align: center; color: #222; width: 100%; padding: 90px 0px 70px 0px; margin: 0px; position: relative; text-align: center;}
.ab_tit p { font-size: 16px; line-height: 16px; font-weight: 400; letter-spacing: 1px;}
.ab_tit h3 { font-size: 45px; line-height: 64px; font-weight: 600; letter-spacing: 1px;}
.ab_tit h4 { font-size: 28px; line-height: 28px; font-weight: 400; letter-spacing: 3px;}
.about .about_info { width: 100%; background: #1B1D20; position: relative;}
.about .about_main { padding: 20px 45px 35px 50px;}
.about .about_main h1 { font-size: 28px; line-height: 48px; font-weight: 300; letter-spacing: 1px; color: #EEE; margin: 20px 0 10px 0;}
.about .about_main h2 { color: #7D878D; font-size: 17px; line-height: 38px; font-weight: 300; letter-spacing: 1px; margin: 20px 0 10px 0;}
.about .about_main h2 p { margin: 0 0 10px;}
.about .about_img a { float: left; display: block; position: relative; width: 50%; padding: 16.7% 0;}
.about .about_img a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.ys { width: 1190px; margin: 0 auto;}
.ys .ys_info { width: 495px; height: 495px; background: #595757; padding: 50px;}
.ys .ys_info i { font-size: 18px; color: #eee; font-weight: none; font-style: normal; line-height: 40px;}
.ys .ys_info h2 { font-size: 34px; color: #F1A434; margin-bottom: 60px;}
.ys .ys_info p { font-size: 22px; color: #fff; line-height: 40px;}
.ys .fr img, .ys .fl img { width: 595px; height: 595px;}
.jz { width: 100%; background: #3A3E42; padding-bottom: 80px;}
.jz .ab_tit { color: #fff;}
.jz .ab_tit h3 { color: #F1A434;}
.jz hr { border-color: #333;margin-top: 80px;}

.contact { padding-top: 80px;}
.coop { background: #fff; padding: 50px;}
.coop h3 { margin-left: 10%; text-transform: uppercase; margin-bottom: 20px; background: url(../img/0245.png) no-repeat;
	padding-left: 40px; font-size: 1.5rem; font-weight: bold; color: #4d4d4d;}
.coop h3 p { font-family: "Fututa"; font-size: .8rem; text-transform: uppercase; line-height: 24px;}
.coop .fr { margin-right: 10%;}
.coop .fr .richtext img { margin-bottom: 25px;}
.cont_info { background: #1B1D20; width: 100%; margin: 0px;}
.cont_info .cont_main { padding: 50px;}
.cont_info .cont_main h1 { font-size: 28px; line-height: 48px; font-weight: 300; letter-spacing: 1px; color: #EEE; padding-bottom: 30px;}
.cont_info .cont_main h2 { color: #7D878D; font-size: 17px; line-height: 38px; font-weight: 300; letter-spacing: 1px;}
.dt { background: #fff;}
.dt .dt_info { width: 50%; overflow: hidden;}
.dt .dt_info img { width: 100%; height: auto;}
.dt .richtext { margin: 5rem 9rem 5rem 0;}
.dt .richtext h3 { margin-bottom: 25px; font-size: 24px; color: #4d4d4d;}
.dt .richtext p { font-size: 14px; color: #4d4d4d; line-height: 1.8em;}

.fl_list { margin-bottom: 70px;}
.fl_list li { float: left; width: 23%; margin: 0 1%; overflow: hidden; transition: 0.5s; text-align: center;}
.fl_list li a { display: block; padding: 9% 0 70% 0;}
.fl_list li a h3 { font-size: 30px;}
.fl_list li a span { font-size: 24px; line-height: 32px;}
.fl_list li.bg1 { background: url(../img/1513676540.png) no-repeat; background-size: 100% auto;}
.fl_list li.bg2 { background: url(../img/1513676554.png) no-repeat; background-size: 100% auto;}
.fl_list li.bg3 { background: url(../img/1513676576.png) no-repeat; background-size: 100% auto;}
.fl_list li.bg4 { background: url(../img/1513676587.png) no-repeat; background-size: 100% auto;}
.news .news_info li { float: left; width: 31.333%; margin: 0 1% 20px 1%; overflow: hidden; transition: 0.5s; background: #fff;}
.news .news_info li a.pic { position: relative; width: 100%; padding: 24.9% 0; display: block;}
.news .news_info li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.news .news_info li a.txt { padding: 30px; display: block;}
.news .news_info li a.txt span { display: block; font-size: 14px; color: #999;}
.news .news_info li a.txt h3 { text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 1; overflow: hidden; transition: 0.2s;
	font-size: 18px; line-height: 2; font-weight: normal; color: #333; padding-bottom: 10px; border-bottom: #e6e6e6 1px solid;
	margin-bottom: 15px;}
.news .news_info li a.txt p { font-size: 14px; color: #999; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical;
	-webkit-line-clamp: 3; overflow: hidden; height: 63px;}
.news .news_info li:hover { background: #f80;}
.news .news_info li:hover a.txt span, .news .news_info li:hover a.txt h3, .news .news_info li:hover a.txt p { color: #fff;}
.news .news_info li a.txt h3 { border-bottom: #fff 1px solid;}

.job ul li { float: left; width: 48%; background: #1B1D20; margin: 0 1%;}
.job ul li img { width: 100%; height: auto; display: block;}
.job ul li .txt { padding: 2px 30px 20px 30px;}
.job ul li .txt h1 { font-size: 28px; line-height: 48px; font-weight: 300; letter-spacing: 1px; color: #F1A434; margin-top: 20px; margin-bottom: 10px;}
.job ul li .txt h4 { font-size: 15px; line-height: 35px; font-weight: 400; letter-spacing: 1px; color: #7D878D; overflow: visible; height: auto;}
.job .job_text { width: 100%; margin: 60px 0 0 0; position: relative; text-align: center;}
.job .job_text h2 { font-size: 18px; line-height: 34px; font-weight: 500; letter-spacing: 1px; color: #222;}
.job .job_text h3 { font-size: 14px; line-height: 32px; font-weight: 400; letter-spacing: 1px; color: #222;}

.c_info { padding-top: 60px;}
.c_info .c_info_main { background: #1B1D20; padding: 20px 45px 35px 50px;}
.c_info .c_info_main .c_info_t { text-align: center;}
.c_info .c_info_main .c_info_t h1 { font-size: 28px; line-height: 48px; font-weight: 300; letter-spacing: 1px; color: #EEE;
	margin-bottom: 15px;}
.c_info .c_info_main .c_info_t h4 { margin-bottom: 40px; font-size: 15px; color: #AAA;}
.c_info .c_info_main .c_info_t h4 span { margin-left: 10px; vertical-align: middle;}
.c_info .c_info_main .c_info_txt { line-height: 1.7; font-size: 15.4px; vertical-align: baseline; color: #515151; white-space: normal;
    padding: 10px;}
.c_info .c_info_main .c_info_txt h3, .c_info .c_info_main .c_info_txt .c_info_txt_info { background-color: #FFF; padding: 10px; font-weight: normal;
	margin-bottom: 20px;}
.c_info .c_info_main .c_info_txt h3 span { display: block; color: #515151; font-size: 15.4px; white-space: normal;}
.c_info .c_info_main .c_info_txt .c_info_txt_info p { text-indent: 2em; color: #f1f1f1;}
.c_info .c_info_main .c_info_txt .c_info_txt_info p img, .c_info .c_info_main .c_info_txt .c_info_txt_info span img, .c_info .c_info_main .c_info_txt .c_info_txt_info div img { width: auto; height: auto; max-width: 100%; margin: 20px auto; display: block;}
.c_info .c_info_main .c_info_txt .c_info_d { color: #7D878D; font-size: 16px; margin-top: 60px;}
.c_info .c_info_main .c_info_txt .c_info_d a { color: #F1A434; margin-left: 10px;}
.c_info .c_info_main .c_info_txt .c_info_d a:hover { color: #fff;}

/* -- 翻页效果 -- */
.one1 { text-align: center; margin: 50px auto 0 auto; border-top: 1px solid #fff; border-bottom: 1px solid #fff;
	height: 38px; line-height: 38px; color: #fff; width: 50%;}
.one1 li { margin-right: 15px; float: left; line-height: 15px; border-bottom: 0;}
.one1 a { color: #fff;}

.two{ height: 30px; margin: 0 auto; line-height: 30px; margin-top: 20px; border-top: 1px dashed #d1d1d1;}
 .two .twol, .two .twor { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.two .twol{ float: left; padding-left: 15px; font-size: 13px; color: #fff;}
.two a{ padding-left: 15px; color: #fff;}
.two a:hover{ color: #F1A434; text-decoration: underline;}
.two .twor{ float: right; padding-right: 15px; font-size: 13px; color: #fff;}

@media screen and ( max-width: 768px ) {
	.about { padding-bottom: 2em;}
	.ab_tit { padding: 2em 0px 1.5em 0px;}
	.ab_tit h3 { font-size: 25px; line-height: 44px;}
	.about .about_main { padding: 20px 1em 0 1em;}
	.about .about_main h1 { font-size: 22px; line-height: 35px;}
	.about .about_main h2 { font-size: 14px; line-height: 25px; margin: 20px 0 0 0;}
	.about .about_main h2 p { margin: 0;}

	.ys { width: 100%;}
	.ys .ys_info { width: 46%; height: auto; padding: 2%;}
	.ys .ys_info i { font-size: 16px; line-height: 40px;}
	.ys .ys_info h2 { font-size: 22px; margin-bottom: 1em;}
	.ys .ys_info p { font-size: 12px; line-height: 20px;}
	.ys .fr, .ys1 .fl { width: 50%; display: block;}
	.ys1 .fr { width: 46%; display: block;}
	.ys .fr img, .ys1 .fl img { width: 100%; height: auto;}
	.ys1 .fl { width: 50%; display: block;}
	.jz { padding-bottom: 2em;}
	.jz hr { margin-top: 2em;}

	.fl_list { margin-bottom: 1em;}
	.fl_list li { width: 48%;}
	.fl_list li a h3 { font-size: 18px;}
	.fl_list li a span { font-size: 20px; line-height: 24px;}
	.news .news_info li { width: 98%;}
	.news .news_info li a.txt { padding: .6em;}
	.news .news_info li a.txt h3 { font-size: 16px; padding-bottom: 0; margin-bottom: 0;}
	.news .news_info li a.txt p { font-size: 14px; color: #999; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical;
		-webkit-line-clamp: 3; overflow: hidden;}
	.news .news_info li:hover { background: #f80;}
	.news .news_info li:hover a.txt span, .news .news_info li:hover a.txt h3, .news .news_info li:hover a.txt p { color: #fff;}
	.news .news_info li a.txt h3 { border-bottom: #fff 1px solid;}

	.one1, .news .one1 { margin: 2em auto 0 auto; border: none; width: 100%; height: auto; line-height: 24px;}

	.contact { padding: 2em 0;}
	.coop { padding: 2em;}
	.coop h3 { margin-left: 0;}
	.coop .fr { margin-right: 0;}
	.coop .fr .richtext img { width: 100%;}

	.cont_info .cont_main { padding: 2em;}
	.cont_info .cont_main h1 { line-height: 40px;}

	.dt .dt_info { width: 100%;}
	.dt .dt_info img { width: 100%; height: auto;}
	.dt .richtext { width: 100%; margin: 2em 0; text-align: center;}

	.job ul li { float: left; width: 100%; background: #1B1D20; margin: 0 0 .5em 0;}
	.job ul li img { width: 100%; height: auto; display: block;}
	.job ul li .txt { padding: 2px 30px 20px 30px;}
	.job ul li .txt h1 { font-size: 28px; line-height: 48px; font-weight: 300; letter-spacing: 1px; color: #F1A434; margin-top: 20px; margin-bottom: 10px;}
	.job ul li .txt h4 { font-size: 15px; line-height: 35px; font-weight: 400; letter-spacing: 1px; color: #7D878D; overflow: visible; height: auto;}
	.job .job_text { width: 100%; margin: 60px 0 0 0; position: relative; text-align: center;}
	.job .job_text h2 { font-size: 18px; line-height: 34px; font-weight: 500; letter-spacing: 1px; color: #222;}
	.job .job_text h3 { font-size: 14px; line-height: 32px; font-weight: 400; letter-spacing: 1px; color: #222;}

	.c_info { padding: 1em 0;}
	.c_info .c_info_main { padding: 0;}
	.c_info .c_info_main .c_info_t { padding-top: 1em;}

	.case_main, .news { padding-bottom: 1em;}

	.two{ height: 60px;}
	.two .twol, .two .twor{ float: left; padding-left: 15px;}

	.n_news .li .box .more, .news li .txt h6, .news li .txt b { display: none;}
}
@media screen and ( max-width: 768px ) and ( min-width: 600px ){
	.n_news .fr p { line-height: 22px; height: 85px;}
	.n_news .li .box .more { display: block;}
}
@media screen and ( max-width: 410px ) and ( min-width: 375px ) {
	.fl_list li a h3 { font-size: 15px;}
}
@media screen and ( max-width: 370px ) and ( min-width: 320px ) {
	.fl_list li a h3 { font-size: 12px;}
}