@charset "utf-8";
	*,*:before,*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
* {
	margin:0px;
	padding:0px;
	font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;
	font-weight:300;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="button"],input[type="submit"],input[type="reset"] {
	-webkit-appearance:none;
}
textarea {
	-webkit-appearance:none;
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu {
	display:block
}
body {
	margin:0px auto;
	background-color:#fff;
}
img {
	border:none;
}
button,submit {
	cursor:pointer;
}
li {
	list-style-type:none;
}
ul {
	list-style:none;
}
i {
	font-style:normal;
}
a:link,a:visited {
	text-decoration:none;
	color:#3c3c3c;
}
a:hover {
	color:#DB3F01;
	text-decoration:none;
}
.cl {
	clear:both;
}
.fr {
	float:right
}
.fl {
	float:left
}
.mar {
	margin:0px auto;
}
input {
	outline:none;
}
.trans {
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
}
.container { width: 1200px; margin: 0 auto;}
.header {height: 77px; position: relative; z-index: 999;}
.header_nav { height: 77px;}
.header_nav .logo {padding-top: 25px; float: left;}
.nav_list {float: right; position: relative;}
.nav_list ul{ display: flex; line-height:57px; padding-top: 20px;}
.nav_list ul li { display: block; position: relative;}
.nav_list ul li a{ display: block; padding: 0 25px; position: relative;}
.nav_list ul li a.active::after { background-color: #d10412; width: 70px; height: 2px; content: " "; position: absolute; bottom: 0; left: 50%; margin-left: -35px;}
.nav_list .son_menu { display: none; padding-left: 85px;padding-top: 20px; width: 670px; height: 216px; background-color: rgba(209,4,18,0.7); position: absolute; right: 0; top: 77px; }
.nav_list .son_menu .son_item { width: 116px; line-height: 33px; font-size: 14px; padding-left: 30px; float: left;}
.nav_list .son_menu .son_item a{ display: block;}
.nav_list .son_menu .son_item a:link,.nav_list .son_menu .son_item a:visited {color:#fff;}
.nav_list .son_menu .son_item:last-child {width: 90px;}

.banner_box { height: 637px;}
.swiper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.special { margin-top: 70px; height: 262px; }
.special ul { display: flex;}
.special ul li {  padding:34px 26px; line-height: 32px; font-size: 17px; color: #4f4f4f; text-align: center;width: 260px; background-color: #e0e0e0; height: 262px; display: block; position: relative; border-radius: 30px; overflow: hidden;}
.special ul li span {font-size: 24px; color: #d10412; padding-bottom: 30px; margin-bottom: 26px; display: block; position: relative;}
.special ul li span::after {content: " "; position: absolute; width: 40px; height: 2px; background-color: #d21320; bottom: 0;left:50%; margin-left: -20px;}
.special ul li.s01 {width: 398px; margin-right: 8px;}
.special ul li.s02 {margin-right: 8px; background-position: -406px center;}
.special ul li.s03 {margin-right: 8px; background-position: -674px center;}
.special ul li.s04 {background-position: -941px center;}
.special ul li:hover {background-image: url(../img/mid_bg.png); color: #fff;}
.special ul li:hover span {color: #fff;}
.special ul li:hover span::after {background-color: #fff;}

.about {margin-top: 73px; height: 445px; position: relative;}
.AboutSwiper { position: relative;}
.about .swiper-pagination { position: absolute; left: 1150px; top: 0; height: 30px; width: 60px;}
.AboutSwiper .swiper-slide{ position: relative;}
.AboutSwiper .swiper-slide .ab-img {position: absolute; left: 0;top: 0;}
.AboutSwiper .swiper-slide .ab-cont { text-align: left; color:#fff;padding:44px 55px;position: absolute; right: 0;bottom: 0; width: 660px; height: 393px; background-color: rgba(209,4,18,.95); border-radius: 0 0 35px 0;}
.AboutSwiper .swiper-slide .ab-cont h5 { font-size: 34px;}
.AboutSwiper .swiper-slide .ab-cont h6 { font-size: 22px; margin-top: 18px;text-transform:uppercase;}
.AboutSwiper .swiper-slide .ab-cont p { font-size: 18px; line-height: 35px; margin-top: 35px;}
.AboutSwiper .swiper-slide .ab-cont ul { position: absolute; left: 55px; bottom: 44px; display: flex; font-size: 14px;}
.AboutSwiper .swiper-slide .ab-cont ul li { margin-right: 28px;}
.AboutSwiper .swiper-slide .ab-cont ul li img {vertical-align: middle; margin-right: 12px; padding-bottom: 10px;}
.AboutSwiper .swiper-slide .ab-cont ul li a:link,.AboutSwiper .swiper-slide .ab-cont ul li a:visited {color:#fff;}
.AboutSwiper .swiper-slide .ab-cont .more { position: absolute; right: 68px; bottom: 43px;}
.service {flex-wrap: wrap; width: 460px;}
.service li { height: 46px; line-height: 46px; width: 32%; margin-right: 0px!important; padding-left: 40px; background-repeat: no-repeat; background-position: left center;}
.service li.ic_01 { background-image: url(../img/ic_001.png);}
.service li.ic_02 { background-image: url(../img/ic_002.png);}
.service li.ic_03 { background-image: url(../img/ic_003.png);}
.service li.ic_04 { background-image: url(../img/ic_004.png);}
.service li.ic_05 { background-image: url(../img/ic_005.png);}
.service li.ic_06 { background-image: url(../img/ic_006.png);}
.ser_pro { display: flex;  margin-top: 43px; width: 80%;}
.ser_pro div {  margin-right: 60px; height: 85px; position: relative; width: 100%;}
.ser_pro div p { position: absolute; left: 0; right: 0; bottom: 0; font-size: 18px;}
.ser_pro div p a:link,.ser_pro div p a:visited { color: #fff;}

.course { margin-top: 40px; }
.course ul { display: flex;}
.course ul li { flex: 1; height: 80px; border-right: solid 1px #d0d0d0; padding-left: 120px; font-size: 18px; background-position: 38px 20px; background-repeat: no-repeat; }
.course ul li p {font-size: 40px; color: #d10412;}
.course ul li p span { font-size: 18px; color: #3c3c3c;}
.course ul li:last-child {border:none}
.course ul li.ic001 {background-image: url(../img/ic001.png);}
.course ul li.ic002 {background-image: url(../img/ic002.png);}
.course ul li.ic003 {background-image: url(../img/ic003.png);}
.course ul li.ic004 {background-image: url(../img/ic004.png);}
.news_box { margin-top: 32px; background-color: #f0f0f0;}
.news_box .newsblock {height: 465px;}
.news_left { float: left; width: 190px; padding-top: 95px; text-align: center;} 
.news_left h5 {font-size: 34px; color: #d10412;}
.news_left h6 { font-size: 22px; color: #3c3c3c;}
.news_left .vline { height: 62px; width: 1px; margin: 35px auto; background-color: #9a9a9a;}
.news_left .news_tab { line-height: 47px; font-size: 18px;}
a.active { color: #d10412;}
.news_right { float: right; width: 960px; padding-top: 66px;}
.news_right .news_list { float: left; width: 500px; margin-right: 48px;}
.news_right .news_list li { height: 114px; padding: 16px 0; border-bottom: solid 1px #a8a8a8;} 
.news_right .news_list li:last-child {border: none;}
.news_right .news_list li .news_time { border-radius: 8px; padding-top: 13px; font-family: Arial; color: #3c3c3c; font-size: 12px; display: block; float: left; width: 81px; height: 81px; border:solid 1px #3c3c3c; text-align: center;}
.news_right .news_list li .news_time span { font-size: 28px; display: block;}
.news_right .news_list .news_cont { float: right; width: 396px;} 
.news_right .news_list .news_cont a { font-size: 20px;}
.news_right .news_list .news_cont p { line-height: 28px; margin-top: 5px; color: #6c6c6c;}
.news_recmond { padding-top: 32px;width: 412px;height: 293px;float: right;}
.footerbox { border-top: solid 2px #a4a4a4;}
.footer { height: 204px;}
.foot_copyright { width: 645px; float: left; padding-top: 42px; font-size: 16px; color: #4f4f4f;}
.foot_copyright img { display: block; margin-bottom: 25px;}
.foot_contact { width: 445px; float: left; padding-top: 35px;}
.foot_contact .tel { padding-left: 40px; font-size: 26px; color: #d10412; background-image: url(../img/tel.png); background-repeat: no-repeat; background-position: left center; }
.foot_contact .address { margin-top: 20px; color: #4f4f4f; padding-left: 40px;background-image: url(../img/address.png); background-repeat: no-repeat; background-position: left center; }
.foot_contact .footlink { margin-top: 20px; font-size: 16px; }
.foot_contact .footlink a { margin: 0 15px;}
.foot_qrcode {float: right; text-align: center; padding-top: 30px; font-size: 14px; color: #4f4f4f;}

.banner_base { height: 450px; background-repeat: no-repeat; background-position:center center;}
.nav-bar { background-color: #f0f0f0; height: 48px; line-height: 48px;}
.nav-bar-cont { position: relative; color: #7b7b7b;background-image: url(../img/nav_bar_ico.png); padding-left: 30px; font-size: 14px; background-position: left center; background-repeat: no-repeat;}
.nav-bar-cont a:link,.nav-bar-cont a:visited {color: #7b7b7b;}
.nav-bar-cont .bar-nav { position: absolute; right: 0; top: 0;}
.nav-bar-cont .bar-nav a { width: 126px; display: inline-block; text-align: center; font-size: 16px;}
.nav-bar-cont .bar-nav a:hover,.nav-bar-cont .bar-nav a.active { background-color: #d10412; color:#fff; height: 58px; border-radius: 0 0 15px 15px;}
.page-box { margin-top: 118px;}
.page-tit { font-size: 34px; color: #d10412; position: relative; height: 62px;}
.page-tit::before { content: " "; height: 3px; width: 100px; background-color: #d10412; position: absolute; left: 0; bottom: 0;}
.page-tit span { font-size: 20px; color: #3c3c3c;text-transform:uppercase;}
.page-content { margin-top: 68px; line-height: 36px; font-size: 18px; color: #3c3c3c; min-height: 600px; padding-bottom: 50px;}
.page-culture { background-image: url(../img/culture_img_03.jpg); background-position: center top; background-repeat: no-repeat; margin-top: 83px; min-height: 800px; padding-top: 374px;}
.page-culture ul { display: flex; text-align: center;}
.page-culture li { width: 33.3%; font-size: 18px; color: #d10412; padding-top: 56px; position: relative;}
.page-culture li span {background-position:center center; background-repeat: no-repeat; position: absolute; display: block; width: 103px; height: 103px; background-color: #d61d29; border-radius: 50%; top: -52px; left: 50%; margin-left: -52px;}
.page-culture li span.ic001 {background-image: url(../img/culture_01.png);}
.page-culture li span.ic002 {background-image: url(../img/culture_02.png);}
.page-culture li span.ic003 {background-image: url(../img/culture_03.png);}
.page-culture li p{ font-size: 22px; color: #3c3c3c; margin-top: 44px;}
.teamlist {padding-bottom: 160px;}
.teamlist ul{ display: flex; flex-wrap: wrap;}
.teamlist li { height: 400px; width: 46%; display: flex; border-bottom: solid 4px #e0e0e0; padding-top: 48px; margin: 0 2%;}
.teamlist li:hover {border-bottom: solid 4px #d10412;}
.teamlist li .tm_img { width: 256px; display: inline-block;}
.teamlist li .tm_img img{width: 210px; height: 348px;}
.teamlist li .tm_cont { width: 380px; padding-top:180px; padding-left:30px;}
.teamlist li .tm_cont .tm_line{ border-left:solid 4px #ccc; padding-left:20px; }
.teamlist li:hover .tm_cont .tm_line {border-left:solid 4px #d10412;}
.teamlist li .tm_cont h5 { font-size: 28px;padding-top: 0px;}
.teamlist li .tm_cont h6 { font-size: 18px;margin-top: 14px;}
.teamlist li .tm_cont p { font-size: 16px; line-height: 30px; margin-top: 48px;}
.honor { height: 938px; background-color: #e9eaea; margin-top: 50px; background-image: url(../img/honor_bg_02.jpg);}
.honor_list {height: 100%;}
.honor_list ul li {padding-top: 10px;}
.honor_list ul li .imgbox { height: 300px; width: 100%; background-position: center center; background-repeat: no-repeat;}
.history { height: 1090px; background-color: #fff; margin-top: 50px; background-image: url(../img/history_bg_02.jpg); background-position: center bottom; background-repeat: no-repeat;}
.history_list {height: 100%;}
.business-contnet {margin-top: 64px; font-size: 18px; color: #3c3c3c;}
.business-service { margin-top: 40px; padding-bottom: 150px;}
.business-service ul { display: flex; flex-wrap: wrap;}
.business-service ul li { width: 389px; height: 235px; line-height: 235px; font-size: 20px; color: #fff; border-radius: 15px; background-color: #ccc; text-align: center; margin:5px 10px;}
.business-service ul li:nth-child(n) {margin-left: 0;}
.business-service ul li:nth-child(3n) {margin-right: 0;}
.business-service ul li  img { margin-right: 15px; vertical-align: middle;}
.business-customers { margin-top: 64px; padding-bottom: 100px;}
.business-customers ul { display: flex; flex-wrap: wrap;}
.business-customers ul li { color: #4f4f4f; margin:8px; width: 280px; height: 248px;  font-size: 16px; text-align: center; border-radius: 10px; background-color: #f0f0f0;}
.business-service ul li:nth-child(n) {margin-left: 0;}
/*.business-service ul li:nth-child(4n) {margin-right: 0;}*/
.business-customers ul li div {height: 200px; background-position: center center; background-repeat: no-repeat;} 
.list { margin-top: 60px;}
.list li{ height: 220px; display: flex; border-bottom: solid 1px #e0e0e0; margin-top: 32px;}
.list li .news_img {margin-right: 45px;}
.list li .news_img img { /*width: 307px;*/ height: 187px; border-radius: 15px;}
.list li .news_body a { font-size: 22px; display: block;}
.list li .news_body span { display: block; color: #6c6c6c; font-size: 14px; margin-top: 10px;}
.list li .news_body p { font-size: 16px; color: #6c6c6c; line-height: 30px; margin-top: 30px;}
.pages { margin: 55px 0; display: flex;}
.pages a { width: 26px; height: 26px; line-height: 26px; display: inline-block; text-align: center; margin-right: 8px; border-radius: 5px;}
.pages a:link,.pages a:visited { background-color: #fff; border: solid 1px #8e8e8e; color: #4f4f4f;}
.pages a:hover,.pages a.active { background-color: #d10412; border: solid 1px #d10412; color: #fff;}
.page-news { margin-top: 100px; display: flex; min-height: 800px; padding-bottom: 100px;}
.page-news .left_news { width: 356px; margin-right: 75px; }
.recmond_box { background-color: #f0f0f0;}
.recmond_box .rec_time { padding-top: 18px; display: flex; height: 83px; background-color: #d10412; border-radius: 0 0 25px 0; background-image: url(../img/tm_icon.png); background-repeat: no-repeat; background-position: 290px center;}
.recmond_box .rec_time span { display: block; width: 100px;  line-height: 50px; height: 50px; text-align: center; font-size: 54px; color: #fff; border-right: solid 1px #fff;}
.recmond_box .rec_time p { margin-left: 25px; color: #fff; font-size: 14px; line-height: 25px;}
.recmond_box .rec_list li{ height: 95px; padding: 36px 27px 0px 27px; border-bottom: solid 1px #d0d0d0;}
.recmond_box .rec_list li a { font-size: 18px;}
.recmond_box .rec_list li span { color: #8e8e8e; font-size: 14px;}
.recmond_box .rec_list .back {padding:32px 27px; }
.recmond_box .rec_list .back img { vertical-align: middle; margin-left: 10px;}
.right_cont { width: 770px;}
.right_cont .title {font-size: 30px; color: #4f4f4f;}
.right_cont .news_author {font-size: 16px; color: #8e8e8e; margin-top: 20px;}
.right_cont .news_content { margin-top: 28px; padding-top: 35px; border-top: solid 2px #e0e0e0; line-height: 37.5px; color: #4f4f4f; font-size: 18px;}
.right_cont .news_content img {max-width:100%!important;}
.project-content { margin-top: 46px; padding-bottom: 100px;}
.project-content ul li { height: 435px; display: flex; background-color: #f0f0f0; margin-bottom: 20px; border-radius: 0 0 20px 0;}
.project-content ul li .pro_img { width: 582px;}
.project-content ul li .pro_img img { width: 582px; height: 435px;}
.project-content ul li .pro_cont {margin-left: 50px; padding-right: 30px;}
.project-content ul li .pro_cont .pro_title { font-size: 28px; padding-top: 55px;}
.project-content ul li .pro_cont .pro_prams { margin-top: 28px; height: 97px; display: flex;}
.project-content ul li .pro_cont .pro_prams .prams-item {border: solid 1px #8e8e8e; margin-right: 7px; text-align: center; min-width: 140px;}
.project-content ul li .pro_cont .pro_prams .prams-item span {display: block; background-color: #d10412; color: #fff; height: 33px; line-height: 33px;}
.project-content ul li .pro_cont .pro_prams .prams-item:first-child {min-width: 250px;}
.project-content ul li .pro_cont .pro_prams .prams-item p {padding-top:22px; font-size: 16px;color: #4f4f4f;}
.project-content ul li .pro_cont .pro_info {margin-top: 55px; font-size: 18px; color: #3c3c3c; line-height: 35px;}

.page-contact {display: flex; margin-top: 85px; padding-bottom:100px ;}
.contactus {font-size: 20px; line-height: 38px; margin-top: 65px; color: #3c3c3c; padding-right:160px;}
.cright { width: 580px;}
.cright .map{ width: 580px; height: 376px; background-color: #ccc;}
.page-join {display: flex; min-height: 660px; padding-bottom: 40px; margin-top: 46px;}
.page-join .join_left { width: 480px;}
.page-join .join_left ul{display: flex; flex-wrap: wrap;}
.page-join .join_left ul li{width: 234px; height: 108px; font-size: 14px; line-height:40px; margin: 0 6px 6px 0;}
.page-join .join_left ul li a { display: block; height: 100%;}
.page-join .join_left ul li a:link,.page-join .join_left ul li a:visited { background-color: #f0f0f0; border-radius: 5px; padding:15px 0 0 22px; color: #8e8e8e;}
.page-join .join_left ul li a p {display: block; font-size: 22px;color: #3c3c3c;}
.page-join .join_left ul li p span {font-size: 14px; }
.page-join .join_left ul li a:hover ,.page-join .join_left ul li a.active {color:#fff; background-color: #d10412; }
.page-join .join_left ul li a:hover p,.page-join .join_left ul li a.active p {color: #fff;}
.join_right { width: 628px; margin-left: 90px;}
.join_title { font-size: 24px; color: #3c3c3c; padding-left: 20px; border-left: solid 6px #d10412;}
.join_cont { margin-top: 30px;padding-top: 30px; line-height: 36px; font-size: 18px; color: #4f4f4f; border-top: solid 1px #e0e0e0;}



.pagination-centered .pagination{ margin: 55px 0; display: flex;}
.pagination-centered a,.pagination-centered span { width: 26px; height: 26px; line-height: 26px; display: inline-block; text-align: center; margin-right: 8px; border-radius: 5px;}
.pagination-centered a:link,.pagination-centered a:visited,.pagination-centered span { background-color: #fff; border: solid 1px #8e8e8e; color: #4f4f4f;}
.pagination-centered a:hover,.pagination-centered a.active { background-color: #d10412; border: solid 1px #d10412; color: #fff;}
.pagination-centered li.active span { background-color: #d10412; border: solid 1px #d10412; color: #fff;}

.slid_p { padding:0 28px; line-height:20px;}

.sub_menu {position:absolute;  background-color: rgba(209,4,18,0.7); top:57px; left:50%; margin-left:-70px; display:none; line-height:40px; width:140px; text-align:center;}
.sub_menu a {color:#fff; display:block;font-size: 14px; white-space:nowrap; }


