@charset "utf-8";
/* CSS Document */

html{width:100%; height: 100%;}
body{ margin:0; padding:0; color:#333; background:#f4f4f4; font-size:16px; font-family:"微软雅黑";}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
img{ border:none; max-width:100%; vertical-align: bottom;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.tr{ text-align: right;}
.tc{ text-align: center;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:underline;}

input,button,textarea{ border: 0; font-size:16px; font-family:"微软雅黑";}
input{
 -webkit-appearance:none;
 outline:none
}
button{
 -webkit-appearance:none;
 outline:none
}
textarea{
 -webkit-appearance:none;
 outline:none
}

@media screen and (max-width:639px){
	html{ overflow-x: hidden;}
}
#totop{ width: 60px; height: 60px; border-radius: 5px; background: url(../images/top.png) no-repeat center center rgba(0,70,142,0.5); background-size: 30px 30px; text-align: center; position: fixed; bottom: 10px; right: 10px; cursor: pointer; transition: all 0.3s ease-in-out; opacity: 0; z-index: 5;}
#totop:hover{ background: url(../images/top.png) no-repeat center center rgba(0,70,142,1);}

@media screen and (max-width:969px){
	.all_more{ width: 110px; height: 32px; line-height: 32px; font-size: 14px;}
	#totop{ width: 50px; height: 50px; background-size: 20px 20px;}
}

/*首页(s)*/

.banner .swiper-button-prev,.banner .swiper-button-next{ opacity: 0; transition: 0.5s ease-in-out;}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{ opacity: 1;}
.banner .swiper-button-prev{ background: url(../images/banner_arrow1.png) no-repeat;}
.banner .swiper-button-next{ background: url(../images/banner_arrow2.png) no-repeat;}
.banner .swiper-pagination-bullet{ background-color: #fff; opacity: 0.4;}
.banner .swiper-pagination-bullet-active{ opacity: 1;}
@media screen and (max-width:639px){
	.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}
}

.header{ width: 100%; height: 90px; position: absolute; top: 40px; background: url(../images/header_bg.jpg) repeat-y right; z-index: 3;}
.header_fix{ position: fixed; top: 0;}
.header_main{ max-width: 1440px; height: 100%; margin: 0 auto;}
.header .logo{ margin-top: 16px; float: left;}
.nav{ margin-left: 180px; height: 100%; background: url(../images/header_bg_blue.jpg) no-repeat 0 center #004ea2; background-size:contain;}
.nav>li{ font-size: 17px; float: right; position: relative;}
.nav>li>p>a{ padding: 0 22px; line-height: 90px; display: block; color: #fff; position: relative; text-decoration: none;}
.nav>li>p>a span{ position: absolute; bottom: 0; left: 50%; margin-left: -6px; border-width:6px; border-style:dashed dashed solid; border-color: transparent transparent #fff; display: none;}
.nav>li>p>a.selected span{ display: block;}

.nav>li:hover>ul{ opacity:1; visibility:visible; margin-top:0}

.nav_child{ width: 140px; position:absolute; top:100%; left:50%; margin-left: -71px; z-index:1; opacity:0; visibility:hidden; margin-top:20px; background-color:#fff; transition:margin .15s, opacity .15s; box-shadow:0px 3px 20px 0px rgba(0,0,0,0.5)}
.nav_child>li{width:100%;border-bottom:1px solid #f1f1f1;text-align:center;}
.nav_child>li:first-child>a:after{content:'';position:absolute;height:0;width:0;left:50%;top:-6px;border:6px solid transparent; margin-left: -6px; border-top:0;border-bottom-color:inherit}
.nav_child>li:last-child{border:0}
.nav_child a{width:100%;border-color:#fff;line-height:55px}
.nav_child a:hover{color:#004ea2;}

.navbar_phone{ display: none;}
.nav_phone_bg{ margin-left: 120px; height: 100%; background: url(../images/header_bg_blue.jpg) no-repeat 0 center #004ea2; background-size:contain; display: none;}
.nav_phone{ width: 34px; height: 34px; background-color: #004ea2; text-align: center; margin-top: 12px; float: right; cursor: pointer;}
.nav_phone .point { display: inline-block;  width: 22px; height: 18px; margin-top: 8px; position: relative;}
.nav_phone .navbtn,
.nav_phone .navbtn::after,
.nav_phone .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;   -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  border-radius:3px;-webkit-border-radius:3px; -moz-border-radius:3px;}
.nav_phone .navbtn{ top: 8px;}
.nav_phone .navbtn::after { top:-8px; content: '';}
.nav_phone .navbtn::before { top:8px; content: '';}
.nav_phone .point.active .navbtn{  background: transparent;  }
.nav_phone .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.nav_phone .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

@media screen and (max-width:1520px) and (min-width:1200px){
	.header{ height: 82px;}
	.header_main{ padding: 0 40px;}
	.header .logo{ margin-top: 12px;}
	.nav>li{ font-size: 16px;}
	.nav>li>p>a{ line-height: 82px;}
}
@media screen and (max-width:1439px) and (min-width:1330px){
	.nav>li>p>a{ padding: 0 15px;}
}
@media screen and (max-width:1329px) and (min-width:1200px){
	.nav>li.home{ display: none;}
	.nav>li>p>a{ padding: 0 12px;}
}

@media screen and (max-width:1199px) and (min-width:1100px){
	.header{ height: 72px;}
	.header_main{ padding: 0 20px;}
	.header .logo{ height: 52px; margin-top: 10px;}
	.nav{ margin-left: 165px;}
	.nav>li{ font-size: 15px;}
	.nav>li.home{ display: none;}
	.nav>li>p>a{ line-height: 72px; padding: 0 12px;}
}
@media screen and (max-width:1099px) and (min-width:970px){
	.header{ height: 66px;}
	.header_main{ padding: 0 20px;}
	.header .logo{ height: 46px; margin-top: 10px;}
	.nav{ margin-left: 145px;}
	.nav>li{ font-size: 14px;}
	.nav>li.home{ display: none;}
	.nav>li>p>a{ line-height: 66px; padding: 0 12px;}
	.nav>li>p>a span{ border-color: transparent transparent #004ea2;}
}

@media screen and (max-width:969px){
	.header{ top: 0; height: 58px; position: relative;}
	.header_fix{ position: relative;}
	.header_main{ padding: 0 20px; position: relative;}
	.header .logo{ height: 38px; margin-top: 10px;}
	.nav{ display: none;}
	.nav_phone_bg{ display: block;}
	.navbar_phone{ width: 100%; padding: 10px 0 20px 0; box-sizing: border-box; position: absolute; top: 58px; left: 0; box-shadow:0 5px 5px rgba(0,0,0,0.15); border-top: 1px solid #f1f1f1; background-color: #fff; display: none;}
	.navbar_phone li p a{ width: 100%; line-height: 40px; padding: 0 20px; box-sizing: border-box; display: block; border-bottom: 1px solid #f1f1f1;}
	.navbar_phone li.on p a,.navbar_phone li p a.selected{ background-color: #004ea2; color: #fff; text-decoration: none;}
	.navbar_child{ display: none; border-bottom: 1px solid #f1f1f1; padding: 10px 30px;}
	.navbar_child li a{ width: 100%; line-height: 30px; display: block;}
}
@media screen and (max-width:639px){
	.header_main{ padding: 0 14px;}
}

@media screen and (max-width:374px){
	.header{ background: url(../images/header_bg_phone.jpg) repeat-y right;}
}

.index_about_bg{ background: url(../images/index_about_bg.jpg) repeat; padding: 90px 0; position: relative;}
.index_about_bg .name{ position: absolute; top: 45px; left: 75px;}
.index_about{ max-width: 1440px; margin: 0 auto; position: relative;}
.index_about_main{ width: 100%; height: 100%; position: absolute;}
.index_about .title{ padding-top: 20px;}
.index_about .title dt{ color: #999;}
.index_about .title dd{ font-size: 30px;}
.index_about_box{ width: 100%; position: absolute; bottom: 0; background-color: #eee;}
.index_about_text{ width: 47%; padding: 74px 0 90px 92px;}
.index_about .count li{ float: left; padding-right: 88px;}
.index_about .count li:nth-child(1){ display: none;}
.index_about .count li:nth-child(4){ padding: 0;}
.index_about .count_num{ font-size: 60px; padding-right: 28px; position: relative;}
.index_about .count_num span.unit{ font-size: 20px; position: absolute; top: 12px; right: 0;}
.index_about .count_title{ position: relative; top: -5px; left: 3px;}
.index_about_p{ font-size: 14px; line-height: 25px; color: #888; margin: 48px 0 42px 0; text-align: justify;}
.index_about a{ width: 138px; height: 40px; line-height: 40px; padding-left: 51px; box-sizing: border-box; border: 1px solid #333; background: url(../images/eye.png) no-repeat 18px center; display: block;transition: 0.5s ease-in-out;}
.index_about a:hover{ background-color: #004ea2; color: #fff; background-image: url(../images/eye_white.png); text-decoration: none;}
.index_about .since{ display: block; float: right; position: relative; z-index: 2; overflow: hidden;}
.index_about .since img{ transition: all 0.6s;}
.index_about .since:hover img{ transform: scale(1.1);}

@media screen and (max-width:1520px) and (min-width:1200px){
	.index_about_bg{ padding: 80px 0;}
	.index_about{ margin:0 40px; box-sizing: border-box;}
	.index_about_bg .name{ width: 45%; left: 35px;}
	.index_about .since{ width: 500px;}
	.index_about_text{ width: 48%; padding: 50px 0 60px 60px;}
	.index_about .count li{ padding-right: 70px;}
	.index_about .count_num{ font-size: 50px;}
}

@media screen and (max-width:1199px) and (min-width:970px){
	.index_about_bg{ padding: 60px 0;}
	.index_about{ margin:0 20px; box-sizing: border-box;}
	.index_about_bg .name{ width: 45%; top: 35px; left: 20px;}
	.index_about .since{ width: 400px;}
	.index_about .title{ padding: 0;}
	.index_about .title dt{ font-size: 14px;}
	.index_about .title dd{ font-size: 26px;}
	.index_about_text{ width: 50%; padding: 40px 0 50px 40px;}
	.index_about .count li{ padding-right: 62px;}
	.index_about .count_num{ font-size: 46px;}
	.index_about_p{ height: 150px; margin: 30px 0 26px 0; overflow: hidden;}
}

@media screen and (max-width:969px){
	.index_about_bg{ padding: 0;}
	.index_about_bg .name,.index_about .since{ display: none;}
	.index_about_main{ position: relative;}
	.index_about_box{ position: relative;}
	.index_about .title{ text-align: center; padding: 40px 0 30px 0;}
	.index_about .title dd{ color: #004ea2;}
	.index_about_text{ width: 100%; padding: 30px 20px; box-sizing: border-box;}
	.index_about_p{ margin: 20px 0;}
	.index_about a{ margin: 0 auto;}
	.index_about .count{ text-align: center;}
	.index_about .count li:nth-child(1){ display: inline-block;}
	.index_about .count li:nth-child(3){ display: none;}
	.index_about .count li{ padding: 0; margin: 0 30px; display: inline-block; text-align: left;float: none;}
	.index_about .count_num{ font-size: 46px;}
	.index_about a{ background-color: rgba(255,255,255,0); background:none; border: 0; padding: 0; text-align: center; text-decoration: underline;}
}

@media screen and (max-width:639px){
	.index_about .title{ padding: 25px 0 20px 0;}
	.index_about .title dd{ font-size: 24px;}
	.index_about .title dt{ font-size: 13px;}
	.index_about .count li{ margin: 0 11px;}
	.index_about .count_num{ font-size: 26px; display: inline; padding-right: 20px;}
	.index_about .count_num span.unit{ top: 5px; font-size: 14px;}
	.index_about_p{ margin: 20px 14px 10px 14px;}
	.index_about_text{ padding: 30px 0;}
}

.index_case_bg{ background: url(../images/index_case_bg.jpg) no-repeat center center;}
.index_case{ max-width: 1440px; margin: 0 auto; padding-bottom: 80px;}
.index_case .title{ text-align: center; color: #fff; font-size: 14px; padding: 80px 0 40px 0;}
.index_case .title dt{ font-size: 40px; padding-bottom: 12px;}
.index_case_box{ padding: 46px 60px 50px 60px; background-color: #fff;}
.index_case_top{ border-bottom: 4px solid #f1f1f1; font-size: 18px; margin-bottom: 50px;}
.index_case_top a{ width: 25%; display: inline-block; text-align: center; padding-bottom: 34px; position: relative; bottom: -4px; cursor: pointer;}
.index_case_top a:hover,.index_case_top a.active{ text-decoration: none; color: #004ea2;}
.index_case_top a:after{ content: ''; width: 0; height: 4px; display: inline-block; background-color: #004ea2; position: absolute; bottom: 0; left: 50%; transition: 0.3s ease-in-out;}
.index_case_top a:hover:after,.index_case_top a.active:after{ width: 100%; left: 0;}
.index_case_list{ float: left; margin-right: 50px;}
.index_case_list a{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.index_case_list img{ width: 100%; transition: all 0.6s;}
.index_case_list a:hover img{ transform: scale(1.1);}
.index_case_list h3{ font-size: 18px; font-weight: normal; padding: 20px 0 8px 0;}
.index_case_list p{ line-height: 22px; color: #999; font-size: 14px;}

.index_case_main .swiper-pagination{ position:relative;}
.index_case_main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ margin-top: 30px; bottom: 0;}
.index_case_main .swiper-pagination-bullet-active{ background-color: #004ea2;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.index_case{ margin: 0 40px;}
	.index_case .title{ padding: 60px 0 40px 0;}
	.index_case .title dt{ font-size: 38px;}
	.index_case_box{ padding: 46px 40px 44px 40px;}
}

@media screen and (max-width:1199px) and (min-width:970px){
	.index_case{ margin: 0 20px; padding-bottom: 60px;}
	.index_case .title{ padding: 54px 0 30px 0;}
	.index_case .title dt{ font-size: 36px; padding-bottom: 8px;}
	.index_case_box{ padding: 38px 30px;}
	.index_case_top{ margin-bottom: 35px;}
	.index_case_top a{ padding-bottom: 22px;}
	.index_case_list{ margin-right: 40px;}
}

@media screen and (max-width:969px) and (min-width:640px){
	.index_case{ margin: 0 20px; padding-bottom: 40px;}
	.index_case .title{ padding: 45px 0 25px 0;}
	.index_case .title dt{ font-size: 32px; padding-bottom: 8px;}
	.index_case_top{ margin-bottom: 30px;}
	.index_case_list{ margin-right: 40px;}
	.index_case_box{ padding: 30px 20px;}
	.index_case_top a{ padding-bottom: 20px;}
	.index_case_list{ margin-right: 20px;}
	.index_case_list p{ line-height: 20px;}
	.index_case_main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ margin-top: 20px;}
}

@media screen and (max-width:639px){
	.index_case{ margin: 0 14px; padding-bottom: 30px;}
	.index_case .title{ padding: 35px 0 20px 0;}
	.index_case .title dt{ font-size: 28px; padding-bottom: 4px;}
	.index_case_top{ margin-bottom: 30px;}
	.index_case_box{ padding: 20px 14px;}
	.index_case_top{ font-size: 16px;}
	.index_case_top a{ padding-bottom: 15px;}
	.index_case_top a span{ width: 52px; margin: 0 auto; display: block;}
	.index_case_main .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ margin-top: 10px;}
}

.index_news_bg{ background: url(../images/index_news_bg.jpg) no-repeat center center;}
.index_news{ max-width: 1440px; margin: 0 auto; padding-bottom: 58px;}
.index_news .title{ color: #004ea2; font-size: 14px; padding: 78px 0 40px 0;}
.index_news .title dt{ font-size: 40px; padding-bottom: 12px;}
.index_news_main{ position: relative;}
.index_news_top{ position: absolute; top: -98px; right: 0;}
.index_news_top a{ width: 116px; height: 36px; line-height: 36px; display: inline-block; text-align: center; border: 1px solid #848484; margin-left: 18px; border-radius: 5px; cursor: pointer;transition: 0.5s ease-in-out;}
.index_news_top a:hover,.index_news_top a.active{ background-color: #004ea2; border-color: #004ea2; color: #fff; text-decoration: none;}

.page_news{ max-width: 1440px; margin: 60px auto 0 auto;}
.page_news .list_news_main{ width: 448px; margin: 0 48px 48px 0; box-sizing: border-box;}
.page_news .list_news_main:nth-child(3n){ margin-right: 0;}

.list_news_main{ float: left;}
.list_news_main a{ text-decoration: none;}
.list_news_box{ border: 1px solid #dbdbdb; padding: 36px 40px 40px 40px; box-sizing: border-box; background-color: #fff; position: relative;}
.list_news_box:before{position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #004ea2; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .7s cubic-bezier(.58,1,.38,1); transition: all .7s cubic-bezier(.58,1,.38,1);}
.list_news_box:hover:before{-webkit-transform: scale(1); transform: scale(1);}
.list_news_box .time{ font-size: 26px; color: #666; font-weight: bold; position: relative; z-index: 2;}
.list_news_box h3{ font-weight: normal;margin: 18px 0; font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; position: relative; z-index: 2;}
.list_news_box img{ position: relative; z-index: 2;}
.page_news_img{ width: 100%; height: 244px;overflow: hidden; display: block;}
.list_news_box p{ font-size: 15px; color: #999; line-height: 22px; height: 66px; margin: 25px 0; text-align: justify; max-height: 66px; overflow: hidden; position: relative; z-index: 2;}
.list_news_box .more{ width: 80px; height: 25px; line-height: 25px; border-radius: 25px; display: block; text-align: center;  color: #fff; font-size: 14px; background-color: #c7c7c7; position: relative; z-index: 2;}
.list_news_box:hover .time,.list_news_box:hover h3 a,.list_news_box:hover p{ color: #fff; transition: 0.7s ease-in-out;}
.list_news_box:hover .more{ background-color: #fff; color: #999; transition: 0.7s ease-in-out;}
.list_news .swiper-pagination{ position:relative;}
.list_news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ margin-top: 30px; bottom: 0;}
.list_news .swiper-pagination-bullet-active{ background-color: #004ea2;}

/* .page_news .list_news_box p{ margin-top: 0;} */

@media screen and (max-width:1520px) and (min-width:1200px){
	.index_news{ margin: 0 40px;}
	.index_news .title{ padding: 60px 0 40px 0;}
	.index_news .title dt{ font-size: 38px;}
	
	.list_news_box{ width: 100%; padding: 26px 30px 30px 30px;}
	.page_news_img{ height: 200px;}
	.page_news{ margin: 40px 20px 0 20px;}
	.page_news .list_news_main{ width: 33.3%; padding: 20px; margin: 0;}
	
}
@media screen and (max-width:1199px) and (min-width:970px){
	.index_news{ margin: 0 20px; padding-bottom: 50px;}
	.index_news .title{ padding: 54px 0 30px 0;}
	.index_news .title dt{ font-size: 36px; padding-bottom: 8px;}
	
	.list_news_box{ width: 100%; padding: 26px 30px 30px 30px;}
	.page_news_img{ height: 157px;}
	.list_news_box p{ max-height: 88px;}
	.page_news{ margin: 40px 10px 0 10px;}
	.page_news .list_news_main{ width: 33.3%; padding: 10px; margin: 0;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.index_news{ margin: 0 20px; padding-bottom: 40px;}
	.index_news .title{ padding: 45px 0 25px 0;}
	.index_news .title dt{ font-size: 32px; padding-bottom: 8px;}
	.index_news_top{ top: -78px;}
	.list_news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ margin-top: 20px;}
	
	.list_news_box{ width: 100%; padding: 30px 34px 34px 34px;}
	.page_news_img{ height: 151px;}
	.list_news_box p{ max-height: 66px;}
	.page_news{ margin: 20px 10px 0 10px;}
	.page_news .list_news_main{ width: 50%; padding: 10px; margin: 0;}
}
@media screen and (max-width:639px){
	.index_news{ margin: 0 14px; padding-bottom: 30px;}
	.index_news .title{ padding: 35px 0 20px 0; text-align: center;}
	.index_news .title dt{ font-size: 28px; padding-bottom: 4px;}
	.index_news_top{ position: relative; top: auto; right: auto; text-align: center; margin-bottom: 20px;}
	.index_news_top a{ margin: 0 5px;}
	.list_news_box{ padding: 20px;}
	.list_news_box .time{ font-size: 20px;}
	.list_news_box h3{ margin: 6px 0;}
	.page_news_img{ height: auto;}
	.list_news_box p{ margin: 15px 0;}
	.list_news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ margin-top: 10px;}
	
	.page_news{ margin: 20px 7px 0 7px;}
	.page_news .list_news_main{ width: 100%; padding: 7px; margin: 0;}
	.page_news .list_news_box{ padding: 20px;}
	.page_news .list_news_box p,.list_news_main .more{ display: none;}
	
}
.index_video{ background: url(../images/video_bg.jpg) no-repeat center center; background-size: cover; height: 480px; text-align: center; position: relative;}
.index_video a{ width: 100%; height: 100%; display: block; overflow: hidden;}
.index_video img{ width: 70px; vertical-align: middle; position: absolute; top: 50%; left: 50%; margin-left: -35px; margin-top: -35px; transition: all 0.6s;}
.index_video a:hover img{ transform: scale(1.1);}
@media screen and (max-width:969px) and (min-width:640px){
	.index_video{ height: 400px;}
}
@media screen and (max-width:639px){
	.index_video{ height: 300px;}
	.index_video img{ width: 50px; height: 50px; margin-top: -25px; margin-left: -25px;}
}
.footer{ background-color: #202020; color: #a4a4a4;}
.footer_totop{ width: 100%; line-height: 60px; text-align: center; font-size: 18px; color: #d9d9d9; cursor: pointer;}
.footer_box{ padding: 50px 0; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e;}
.footer_main{ max-width: 1440px; margin: 0 auto;}
.footer_main dl{ float: left; padding-right: 66px;}
.footer_main dl dt{ padding-bottom: 20px;}
.footer_main dl dd{ line-height: 30px;}
.footer_main dl dt a{ color: #d9d9d9;}
.footer a{ color: #a4a4a4;}
.footer_contact{ float: right; padding-left: 40px; background: url(../images/footer_bg.png) no-repeat;}
.footer_contact img{ width: 135px; padding: 10px; background-color: #fff;}
.footer_contact p{ padding-bottom: 12px;}
.footer_copyr{ max-width: 1440px; margin: 0 auto; padding: 20px 0; line-height: 28px; text-align: center;}
.footer_copyr select{ width: 163px; height: 26px; line-height: 26px; border: 1px solid #474747; background-color: #373737; color: #a4a4a4;}

.footer_link{ width: 100%; border-top: 1px solid #2a2a2a; line-height: 24px; margin-top: 30px; padding-top: 20px; float: left;}
.footer_link .title{ float: left;}
.footer_link .text{ margin-left: 85px;}
.footer_link a{ padding-right: 12px; display: inline-block;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.footer_main{ margin: 0 40px;}
	.footer_main dl{ padding-right: 50px;}
	.footer_copyr{ margin: 0 40px;}
}
@media screen and (max-width:1399px) and (min-width:1200px){
	.footer_main dl{ padding-right: 30px;}
	.footer_main dl dd{ font-size: 14px; line-height: 26px;}
	.footer_link{ font-size: 14px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.footer_main{ margin: 0 20px; text-align: center;}
	.footer_contact{ display: none;}
	.footer_main dl{ width: 14.2%; display: inline-block; padding: 0; font-size: 0;}
	.footer_main dl dt,.footer_main dl dd{ font-size: 16px;}
	.footer_copyr{ margin: 0 20px; text-align: center;}
	.footer_copyr .fl,.footer_copyr .fr{ float: none;}
	.footer_copyr .fl{ padding-bottom: 10px;}
	.footer_link{ text-align: left;}
}
@media screen and (max-width:969px){
	.footer_totop{ line-height: 50px; border-bottom: 1px solid #3e3e3e;}
	.footer_box{ display: none;}
	.footer_copyr{ margin: 0 20px; text-align: center;}
	.footer_copyr .fl,.footer_copyr .fr{ float: none;}
	.footer_copyr .fl{ padding-bottom: 10px;}
}
@media screen and (max-width:639px){
	.footer{ font-size: 15px;}
	.footer_totop{ line-height: 46px; font-size: 16px;}
	.footer_copyr{ line-height: 24px;}
	.footer_copyr .fr{ display: none;}
}

.img_line{ width: 100%; height: 100%; padding: 12px; box-sizing: border-box; position: absolute; top: 0; left: 0;}
.img_line dl{ width: 100%; height: 100%; position: relative; transition: all 0.3s ease-in-out;}
.img_line:hover dl{ background-color: rgba(0,0,0,0.1);}
.img_line dl dd{ background-color: #fff; transition: all 0.3s ease-in-out; position: absolute;}
.img_line dl dd:nth-child(1){ width: 0; height: 1px; top: 0; right: 0;}
.img_line:hover dl dd:nth-child(1){ width: 100%;}
.img_line dl dd:nth-child(2){ width: 1px; height: 0; bottom: 0; left: 0;}
.img_line:hover dl dd:nth-child(2){ height: 100%;}
.img_line dl dd:nth-child(3){ width: 1px; height: 0; top: 0; right: 0;}
.img_line:hover dl dd:nth-child(3){ height: 100%;}
.img_line dl dd:nth-child(4){ width: 0; height: 1px; bottom: 0; left: 0;}
.img_line:hover dl dd:nth-child(4){ width: 100%;}

/*首页(e)*/

/*内页(s)*/

.page_banner{ position: relative;}
.page_banner .text{ width: 100%; position: absolute; color: #004ea2; text-align: center; top: 50%; margin-top: -100px; left: 0;}
.page_banner .text h1{ font-size: 40px; font-weight: normal;}
.page_banner .text p{ font-size: 18px; margin: 34px 0 46px 0;}

.page_nav_box{ width: 100%;}
.page_nav_fixed{ position: fixed; top: 0; left: 0; z-index: 4;}
.page_nav_yes{ display: none;}
.page_nav_none{ display: block;}
.page_nav{ border-bottom: 1px solid #e6e6e6; background-color: #fff; text-align: center;}
.page_nav li{ display: inline-block; padding: 0 35px; cursor: pointer;}
.page_nav li a{ line-height: 97px; padding: 0 0 3px 30px; font-size: 17px; display: block; position: relative;}
.page_nav li a i{ width: 22px; height: 22px; display: block; position: absolute; top: 37px; left: 0;}
.page_nav li a:hover,.page_nav li.active a{ color: #004ea2; text-decoration: none;}
.page_nav li a:hover i,.page_nav li.active a i{ background-position: -22px 0;}
.page_nav li a:after{ content: ''; width: 0; height: 4px; display: inline-block; background-color: #004ea2; position: absolute; bottom: 0; left: 50%; transition: 0.3s ease-in-out;}
.page_nav li a:hover:after,.page_nav li.active a:after{ width: 100%; left: 0;}

.page_navbar{ display: none;}

.pages{width:100%; padding:28px 0px 110px 0px; text-align:center; font-size: 0;}
.pages span,.pages a{ padding:8px 14px; margin:0 2px; background-color: #fff; border: 1px solid #e6e6e6; display: inline-block; font-size: 16px;}
.pages a:hover,.pages .current{ background:#004ea2; color:#fff; text-decoration:none;}


@media screen and (max-width:1520px) and (min-width:1200px){
	.page_nav{ padding: 0 40px;}
	.page_nav li{ padding: 0 26px;}
	.page_nav li a{ line-height: 84px;}
	.page_nav li a i{ top: 31px;}
	
	.page_banner .text h1{ font-size: 34px;}
	.page_banner .text p{ margin: 24px 0 36px 0;}
	
	.pages{ padding: 30px 0 80px 0;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.page_nav{ padding: 0 20px;}
	.page_nav li{ padding: 0 14px;}
	.page_nav li a{ line-height: 84px;}
	.page_nav li a i{ top: 31px;}
	
	.page_banner .text{ margin-top: -55px;}
	.page_banner .text h1{ font-size: 30px;}
	.page_banner .text p{ margin: 15px 0 25px 0;}
	.page_banner .text img{ width: 18px;}
	
	.pages{ padding: 50px 0 80px 0;}
	
}
@media screen and (max-width:969px){
	.page_nav_box{position: relative;}
	.page_navbar{ display: block;}
	.page_navbar_left{ width: 41px; height: 41px; background-color: #004ea2; position: relative; float: left;}
	.page_navbar_left i{ width: 18px; height: 18px; display: block; background: url(../images/home.png) no-repeat; background-size: 100%; position: absolute; top: 11px; left: 11px;}
	.page_navbar_right{ margin-left: 41px; height: 40px; line-height: 40px; padding-left: 15px; background-color: #fff; border-bottom: 1px solid #d4d4d4; position: relative;}
	.page_navbar_right i{ width: 8px; height: 8px; display: block; background: url(../images/page_nav_arrow.png) no-repeat; background-size: 16px 8px; position: absolute; top: 16px; right: 16px;}
	.page_navbar_right i.active{ background-position: -8px 0;}
	
	.page_nav{ width: 100%; display: none; padding: 10px 0; position: absolute; top: 41px; z-index: 99;}
	.page_nav li{ width: 100%; padding: 0; text-align: left; padding-left: 15px; border-bottom: 1px solid #e8e8e8;}
	.page_nav li:last-child{ border-bottom: 0;}
	.page_nav li a{ line-height: 40px; padding: 0;font-size: 15px;}
	.page_nav li a i{ display: none;}
	.page_nav li a:hover:after, .page_nav li.active a:after{ display: none;}
	
	.page_banner .text{ margin-top: -55px;}
	.page_banner .text h1{ font-size: 30px;}
	.page_banner .text p{ margin: 10px 0 15px 0;}
	.page_banner .text img{ width: 18px;}
	
	.pages{ padding: 50px 0 80px 0;}
}
@media screen and (max-width:639px){
	.page_banner .text{ display: none;}
	.pages{ padding: 20px 0 40px 0;}
}


/*内页(e)*/

/*关于科建(s)*/

.page_speech_bg{ padding: 100px 0;}
.page_speech{ max-width: 1440px; margin: 0 auto; position: relative;}
.page_speech .fl{ width: 65%; float: left;}
.page_speech .fl dl{ padding-bottom: 38px;}
.page_speech .fl dl dt{ font-size: 14px; font-weight: lighter; text-transform: uppercase;}
.page_speech .fl dl dd{ font-size: 36px; padding-top: 5px;}
.page_speech .fl dl dd:after{ content: "：";}
.page_speech .text{ line-height: 34px; color: #666; text-align: justify;}
.page_speech .fr{ width: 354px; float: right;}
.page_speech .fr dl{ padding: 30px 22px; box-sizing: border-box; margin-top: 19px; background-color: #004ea2; color: #fff;}
.page_speech .fr dl dt{ font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #fff; opacity: 0.5;}
.page_speech .fr dl dd{ font-size: 15px; opacity: 0.5;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.page_speech_bg{ padding: 80px 0;}
	.page_speech{ margin: 0 40px;}
	.page_speech .fl{ width: 65%; }
}
@media screen and (max-width:1319px) and (min-width:1200px){
	.page_speech .fl dl{ padding-bottom: 25px;}
	.page_speech .fl dl dt{ font-size: 12px;}
	.page_speech .fl dl dd{ font-size: 34px; padding-top: 0;}
	.page_speech .fr{ width: 320px;}
	.page_speech .text{ font-size: 15px; line-height: 30px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.page_speech_bg{ padding: 70px 0;}
	.page_speech{ margin: 0 20px; padding-top: 100px;}
	.page_speech .fl dl{ width: 100%; text-align: center; position: absolute; top: 0;}
	.page_speech .fl dl dt{ font-size: 12px;}
	.page_speech .fl dl dd{ font-size: 37px; padding-top: 0;}
	.page_speech .fl dl dd:after{ display: none;}
	.page_speech .text{ font-size: 15px; line-height: 30px;}
	.page_speech .fr{ width: 300px; margin-top: 10px;}
	.page_speech .fr dl{ padding: 20px 22px; margin-top: 12px;}
	.page_speech .fr dl dt{ padding-bottom: 10px; margin-bottom: 10px;}
}
@media screen and (max-width:969px){
	.page_speech_bg{ padding: 65px 0;}
	.page_speech{ margin: 0 20px; padding-top: 90px;}
	.page_speech .fl{ width: 100%; padding-top: 30px;}
	.page_speech .fl dl{ width: 100%; text-align: center; position: absolute; top: 0;}
	.page_speech .fl dl dt{ font-size: 12px;}
	.page_speech .fl dl dd{ font-size: 32px; padding-top: 0;}
	.page_speech .fl dl dd:after{ display: none;}
	.page_speech .fr{ width: 100%; text-align: center;}
	.page_speech .fr dl{ max-width: 354px; margin: 15px auto 0 auto; text-align: left;}
	.page_speech .text{ line-height: 32px;}
}
@media screen and (max-width:639px){
	.page_speech_bg{ padding: 35px 0;}
	.page_speech{ margin: 0 14px; padding-top: 80px;}
	.page_speech .fl dl dd{ font-size: 28px;}
	.page_speech .fr dl{ padding: 20px 22px; margin-top: 12px;}
	.page_speech .text{ font-size: 15px; line-height: 27px;}
}

.page_about{ background-color: #004ea2;}
.page_about .fl{ width: 50%; height: 100%; color: #fff;}
.page_about dl{ width: 720px; height: 720px; overflow: hidden; float: right; padding: 65px 100px 0 0; box-sizing: border-box; opacity: 0.8;}
.page_about dl dt{  display: none;}
.page_about dl dd{ font-size: 15px; line-height: 28px; text-align: justify;}
.page_about dl dd p{ padding-bottom: 12px;}
.page_about .fr{ width: 50%;}
.page_about .fr img{ height: 720px;}

@media screen and (max-width:1520px){
	.page_about{ padding: 60px 40px;}
	.page_about .fl{ width: 100%; box-sizing: border-box;}
	.page_about dl{ width: 100%; height: auto; padding: 88px 0 0 0; position: relative;}
	.page_about dl dt{ width: 100%; font-size: 36px; position: absolute; top: 0; text-align: center; display: block;}
	.page_about dl dd{ font-size: 16px; line-height: 32px;}
	.page_about dl dd p{ padding-bottom: 15px;}
	.page_about .fr{ width: 100%; text-align: center;}
	.page_about .fr img{ height: auto;}
}
@media screen and (max-width:1199px){
	.page_about{ padding: 60px 20px;}
	.page_about dl{ padding: 75px 0 0 0;}
	.page_about dl dt{ font-size: 32px;}
}
@media screen and (max-width:639px){
	.page_about{ padding: 40px 14px;}
	.page_about dl{ padding: 60px 0 0 0;}
	.page_about dl dt{ font-size: 28px;}
	.page_about dl dd{ font-size: 15px; line-height: 26px;}
	.page_about dl dd p{ padding-bottom: 10px;}
}

.page_count{ background-color: #fff; padding: 80px 0 85px 0;}
.page_count ul{ max-width: 1440px; margin: 0 auto; background-color: #fff;}
.page_count ul li{ width: 25%; color: #4b67d7; float: left;text-align: center;}
.page_count ul li:nth-child(1){ width: 32%;}
.page_count ul li:nth-child(4){ width: 18%;}
.page_count ul li .counter{ line-height: 1; font-size: 112px; text-shadow: 10.88px 8.81px 10px rgba(37, 60, 154, 0.17);}
.page_count ul li .txt{ font-size: 22px;}
.page_count ul li p{font-size: 18px;}
.page_count ul li img{ position: absolute; bottom: -3%; right: -10%;}
.page_count_main{ display: inline-block; position: relative;}

.page_about_title{ text-align: center; padding: 75px 0 65px 0;}
.page_about_title h3{ font-weight: normal; font-size: 40px; color: #004ea2; margin-bottom: 10px;}
.page_about_title .line{ width: 338px; height: 1px; background-color: #dadada; margin: 0 auto;}
.page_about_title span{ font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 12px; background-color: #f4f4f4; text-transform: uppercase; position: relative; top: -12px;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.page_count{ padding: 70px 0 75px 0;}
	.page_count ul{ margin: 0 40px;}
	.page_count ul li .counter{ font-size: 96px;}
	.page_count ul li img{ height: 80%;}
	.page_about_title{ padding: 60px 0 50px 0;}
	.page_about_title h3{ font-size: 38px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.page_count{ padding: 60px 0 65px 0;}
	.page_count ul{ margin: 0 20px;}
	.page_count ul li .counter{ font-size: 76px;}
	.page_count ul li img{ height: 75%;}
	.page_about_title{ padding: 54px 0 40px 0;}
	.page_about_title h3{ font-size: 36px;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.page_count{ padding: 40px 0;}
	.page_count ul{ margin: 0 20px;}
	.page_count ul li .counter{ font-size: 54px;}
	.page_count ul li p{font-size: 15px;}
	.page_count ul li img{ height: 75%;}
	.page_about_title{ padding: 45px 0 30px 0;}
	.page_about_title h3{ font-size: 32px;}
}
@media screen and (max-width:639px){
	.page_count{ padding: 40px 0 20px 0;}
	.page_count ul{ margin: 0 20px;}
	.page_count ul li{ width: 50%; margin-bottom: 20px;}
	.page_count ul li:nth-child(1){ width: 50%;}
	.page_count ul li:nth-child(4){ width: 50%;}
	.page_count ul li .counter{ font-size: 40px;}
	.page_count ul li p{font-size: 15px;}
	.page_count ul li img{ height: 75%;}
	.page_about_title{ padding: 35px 0 20px 0;}
	.page_about_title h3{ font-size: 28px;}
	.page_about_title .line{ width: 100%; max-width: 338px;}
}

.page_honor_bg{ background: url(../images/page_honor_bg.jpg) no-repeat center bottom; border-top: 1px solid #e6e6e6; padding-bottom: 80px;}
.page_honor{ position: relative; max-width: 1440px; margin: 0 auto;}
.page_honor_list{ padding-right: 7px; box-sizing: border-box; text-align: center; float: left;}
.page_honor_list>a{ position: relative; display: block; overflow: hidden;}
.page_honor_list img{ border: 1px solid #e6e6e6; box-shadow: 7px 7px 0 #b7bdd3; transition: all 0.6s; max-height: 209px;}
.page_honor_list a:hover img{ transform: scale(1.1);}
.page_honor_list p{ padding-top: 42px; font-size: 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.page_honor .swiper-button-next,.page_honor .swiper-button-prev{ width: 28px; height: 50px; margin-top: -70px;}
.page_honor .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: url(../images/page_honor_arrowl.png) no-repeat; background-size: 100%; left: -68px;}
.page_honor .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background: url(../images/page_honor_arrowr.png) no-repeat; background-size: 100%; right: -68px;}
.page_honor_bg .more{ width: 136px; height: 38px; line-height: 38px; border-radius: 38px; display: block; border: 1px solid #848484; text-align: center; color: #666; margin: 70px auto 0 auto;transition: 0.5s ease-in-out;}
.page_honor_bg .more:hover{ background-color: #004ea2; border-color: #004ea2; color: #fff; text-decoration: none;}

@media screen and (max-width:1580px) and (min-width:1200px){
	.page_honor{ margin: 0 40px;}
	.page_honor .swiper-button-next,.page_honor .swiper-button-prev{ width: 20px; height: 36px; margin-top: -54px;}
	.page_honor .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: -40px;}
	.page_honor .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: -40px;}
}
@media screen and (max-width:1199px){
	.page_honor_bg{ padding-bottom: 60px;}
	.page_honor{ margin: 0 40px;}
	.page_honor_list p{ padding-top: 30px;}
	.page_honor .swiper-button-next,.page_honor .swiper-button-prev{ width: 20px; height: 36px; margin-top: -46px;}
	.page_honor .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: -40px;}
	.page_honor .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: -40px;}
	.page_honor_bg .more{ margin: 45px auto 0 auto;}
}
@media screen and (max-width:639px){
	.page_honor_bg{ padding-bottom: 40px;}
	.page_honor{ margin: 0 30px;}
	.page_honor_list{ padding-right: 0;}
	.page_honor_list p{ padding-top: 10px;}
	.page_honor_list img{ border: 1px solid #e6e6e6; box-shadow:none;}
	.page_honor .swiper-button-next,.page_honor .swiper-button-prev{ margin-top: -35px;}
	.page_honor .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: -30px;}
	.page_honor .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: -30px;}
	.page_honor_bg .more{ width: 120px; height: 34px; line-height: 34px; font-size: 15px; margin: 30px auto 0 auto;}
}

.organ_bg{ background:url(../images/page_organ_bg.jpg) no-repeat center 0; padding: 88px 0 162px 0; text-align: center;}
@media screen and (max-width:1520px) and (min-width:1200px){
	.organ_bg{ padding: 70px 40px 140px 40px;}
}
@media screen and (max-width:1199px){
	.organ_bg{ padding: 70px 40px;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.organ_bg{ padding: 70px 20px;}
}
@media screen and (max-width:639px){
	.organ_bg{ padding: 40px 14px;}
}

.page_social{ max-width: 1440px; margin: 0 auto;}
.page_social_main{ position: relative; padding-bottom: 105px;}
.page_social_list img{ width: 610px; float: left;}
.page_social_list .text{ margin-left: 745px; text-align: right;}
.page_social_list .time{ font-size: 14px; color: #666; padding-bottom: 8px;}
.page_social_list h3{ font-size: 30px; line-height: 34px;}
.page_social_list h3 a{ text-decoration: none;}
.page_social_list p{ padding: 45px 0 60px 0; margin-top: 35px; border-top: 1px solid #d5d5d5; color: #666; line-height: 32px;}
.page_social_list .more,.list_project .more{ float: right; padding-right: 40px; color: #666; background: url(../images/more_arrow.png) no-repeat 74px center; transition: 0.5s ease-in-out;}
.page_social_list .more:hover,.list_project .more:hover{ background-position: right center; text-decoration: none;}
.page_social_main .swiper-pagination-bullet{ width: 10px; height: 10px;}
.page_social_main .swiper-pagination{ position:relative;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px;}
.page_social_main .swiper-pagination-bullet-active{ background-color: #004ea2;}

@media screen and (max-width:1520px) and (min-width:1360px){
	.page_social{ margin: 0 40px;}
	.page_social_main{ padding-bottom: 80px;}
	.page_social_list img{ width: 550px;}
	.page_social_list .text{ margin-left: 620px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ margin-top: 50px;}
}
@media screen and (max-width:1359px){
	.page_social{ margin: 0 40px;}
	.page_social_main{ padding-bottom: 80px;}
	.page_social_list img{ width: 520px;}
	.page_social_list h3{ font-size: 24px; line-height: 30px;}
	.page_social_list p{ padding: 30px 0; margin-top: 30px; font-size: 15px; line-height: 28px;}
	.page_social_list .text{ margin-left: 590px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ margin-top: 50px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.page_social_main{ padding-bottom: 60px;}
	.page_social_list img{ width: 46%;}
	.page_social_list p{ padding: 30px 0 0 0; margin: 30px 0; height: 112px; overflow: hidden;}
	.page_social_list .text{ margin-left: 50%;}
}
@media screen and (max-width:969px){
	.page_social{ margin: 0 20px; text-align: center;}
	.page_social_main{ padding-bottom: 50px;}
	.page_social_list img{ float: none;}
	.page_social_list .text{ margin-left: 0; text-align: center; padding-top: 30px;}
	.page_social_list .more{ float: none; margin: 0 auto; text-decoration: underline;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ margin-top: 30px;}
}
@media screen and (max-width:639px){
	.page_social{ margin: 0 14px;}
	.page_social_main{ padding-bottom: 30px;}
	.page_social_list h3{ font-size: 20px; line-height: 28px;}
	.page_social_list p{ padding: 20px 0 0 0; margin: 20px 0;}
	.page_social_main .swiper-pagination-bullet{ width: 8px; height: 8px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ margin-top: 20px;}
}
.page_event_bg{ background-color: #fff; padding-bottom: 100px;}
.page_event_bg .page_about_title span{ background-color: #fff;}
.page_event{ position: relative; max-width: 1200px; margin: 0 auto;}
.page_event .vertical{ width: 2px; height: 100%; background-color: #dcdcdc; position: absolute; top: 0; left: 0; margin-left: -1px;}
.page_event ul{ padding: 30px 0;}
.page_event ul li{ position: relative; margin: 20px 0;}
.page_event ul li .horiz{ width: 100%; height: 2px; background-color: #dcdcdc; position: absolute; right: 0; top: 50%; margin-top: -1px;}
.page_event ul li .circle{ width: 12px; height: 12px; background-color: #004ea2; border: 3px solid #dcdcdc; border-radius: 100%; position: absolute; left: -9px; top: 50%; margin-top: -9px;}
.page_event ul li .box{ padding: 24px 50px; box-sizing: border-box; background-color: #f0f0f0; position: relative; z-index: 2; margin-left: 80px; transition: 0.5s ease-in-out;}
.page_event ul li:hover .box{ background-color: #004ea2; color: #fff;}
.page_event ul li:hover .box_text h3{ color: #fff;}
.page_event ul li .box a{ width: 36%; position: relative; display: block; overflow: hidden; float: left;}
.page_event ul li .box_text h3{ font-size: 28px; color: #004ea2; padding: 5px 0 12px 0; transition: 0.5s ease-in-out;}
.page_event ul li .box_text p{ font-size: 15px; line-height: 26px;}
@media screen and (max-width:1199px){
	.page_event_bg{ padding-bottom: 70px;}
	.page_event{ margin: 0 40px;}
	.page_event ul li .box{ padding: 24px 30px; margin-left: 60px;}
	.page_event ul li .box_text h3{ padding: 0 0 10px 0;}
	.page_event ul li .box_text p{ padding-bottom: 5px; line-height: 24px;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.page_event_bg{ padding-bottom: 60px;}
	.page_event{ margin: 0 20px;}
	.page_event ul li .box{ padding: 24px 30px; margin-left: 50px;}
	.page_event ul{ padding: 20px 0;}
	.page_event ul li{ margin: 15px 0;}
	.page_event ul li .box_text h3{ font-size: 22px;}
}
@media screen and (max-width:639px){
	.page_event_bg{ padding-bottom: 40px;}
	.page_event{ margin: 0 12px 0 21px;}
	.page_event ul li .box{ padding: 24px 20px; margin-left: 30px;}
	.page_event ul{ padding: 20px 0;}
	.page_event ul li{ margin: 15px 0;}
	.page_event ul li .box_text h3{ font-size: 22px; padding: 5px 0;}
	.page_event ul li .box_text p{ line-height: 24px;}
}

/*关于科建(e)*/

/*创新创优(s)*/

.list_honor{ max-width: 1440px; margin: 92px auto 0 auto;}
.list_honor li{ width: 330px; box-sizing: border-box; float: left; margin: 0 40px 40px 0;}
.list_honor_main{ padding: 0 20px; background-color: #fff; border: 2px solid #b2c7dd;}
.list_honor li:nth-child(4n){ margin-right: 0;}
.list_honor li .img{ width: 100%; height: 340px; padding: 58px 0 38px 0; text-align: center; position: relative;}
.list_honor li .img img{ top:0; bottom:0; left:0; right:0; margin:auto; position:absolute; box-shadow: 10px 30px 40px rgba(0,0,0,.1); transition: 0.3s ease-in-out;}
.list_honor li .img img:hover{ top: -15px;}
.list_honor li p{ padding-bottom: 40px; font-size: 17px; text-align: center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_honor li p a{ color: #002c5a;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.list_honor{ padding: 0 25px; margin: 60px auto 0 auto;}
	.list_honor li{ width: 25%; padding: 15px; margin: 0;}
	.list_honor li .img{ height: 300px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.list_honor{ padding: 0 20px; margin: 60px auto 0 auto;}
	.list_honor li{ width: 33.3%; padding: 20px; margin: 0;}
	.list_honor_main{ padding: 0 24px;}
	.list_honor li .img{ height: 300px;}
	.list_honor li p{ padding-bottom: 30px;}
}

@media screen and (max-width:969px) and (min-width:640px){
	.list_honor{ padding: 10px; margin: 40px auto 0 auto;}
	.list_honor li{ width: 50%; padding: 10px; margin: 0;}
	.list_honor_main{ padding: 0 28px;}
	.list_honor li .img{ height: 350px; padding: 30px 0 30px 0;}
	.list_honor li p{ padding-bottom: 30px;}
}
@media screen and (max-width:639px){
	.list_honor{ padding: 7px; margin: 30px auto 0 auto;}
	.list_honor li{ width: 50%; padding: 7px; margin: 0;}
	.list_honor_main{ padding: 0 5px;}
	.list_honor li .img{ height: 240px; padding: 14px 0 10px 0;}
	.list_honor li p{ padding-bottom: 15px; font-size: 15px;}
}

/*创新创优(e)*/

/*新闻详情页(s))*/

.show{ max-width: 1440px; margin: 50px auto; background-color: #fff;}
.show_box{ width: 990px; margin: 0 auto; padding: 70px 0 100px 0;}
.show_box .title{ font-size: 24px; text-align: center; padding-bottom: 15px;}
.show_box .subtitle{ font-size: 15px; padding: 10px 0; color: #666;}
.show_box .time{ color: #999; text-align: center; font-size: 15px;}
.show_box .time span{ padding: 0 5px;}
.show_box_main{ padding: 50px 0 70px 0; margin-bottom: 60px; line-height: 30px; border-bottom: 1px solid #e6e6e6; text-align: justify;}
.show_pages a{ line-height: 42px; display: block; border: 1px solid #d5d5d5; text-align: center; font-size: 15px; text-decoration: none; transition: 0.5s ease-in-out;}
.show_pages a:nth-child(1){ width: 166px; float: left;}
.show_pages a:nth-child(2),.show_pages a:nth-child(3){ width: 104px; margin-left: 5px; float: right;}
.show_pages a:nth-child(3){ line-height: 42px; background: url(../images/show_return.png) no-repeat 9px center; padding-left: 20px; box-sizing: border-box;}
.show_pages a:nth-child(3):hover{ background: url(../images/show_return_hover.png) no-repeat 9px center #004ea2;}
.show_pages a:hover{ background-color: #004ea2; border-color: #004ea2; color: #fff;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.show{ margin: 50px 40px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.show{ margin: 2px 0 0 0;}
	.show_box{ width: 100%; padding: 50px 40px 70px 40px; box-sizing: border-box;}
	.show_box .title{ padding-bottom: 10px;}
	.show_box_main{ padding: 40px 0 50px 0; margin-bottom: 50px;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.show{ margin: 2px 0 0 0;}
	.show_box{ width: 100%; padding: 50px 20px; box-sizing: border-box;}
	.show_box .title{ padding-bottom: 10px;}
	.show_box_main{ padding: 40px 0; margin-bottom: 40px;}
}
@media screen and (max-width:639px){
	.show{ margin: 2px 0 0 0;}
	.show_box{ width: 100%; padding: 30px 14px 50px 14px; box-sizing: border-box;}
	.show_box .title{ font-size: 20px; padding-bottom: 8px;}
	.show_box .time{ font-size: 15px;}
	.show_box_main{ padding: 30px 0; margin-bottom: 0; border: 0; font-size: 15px; line-height: 27px;}
	.show_pages a:nth-child(1){ width: 45%;}
	.show_pages a:nth-child(2){ width: 45%; margin-left: 0;}
	.show_pages a:nth-child(3){ display: none;}
	
}
/*新闻详情页(e))*/

/*精品工程(s)*/

.list_project{ max-width: 1440px; margin: 0 auto; padding-bottom: 70px;}
.list_project li{ border: 1px solid #e6e6e6; background-color: #fff; box-shadow: 7px 7px 0 #b7bdd3; margin-top: 70px; position: relative;}
.list_project li>a{ width: 50%; overflow: hidden; display: block; float: left;}
.list_project li img{ transition: all 0.6s;}
.list_project li:hover img{ transform: scale(1.1);}
.list_project li .text{ width: 50%; padding: 0 51px 0 62px; box-sizing: border-box; float: right;}
.list_project li h3{ font-size: 24px; padding: 48px 0 20px 0; margin-bottom: 40px; border-bottom: 1px solid #e6e6e6;}
.list_project li dl dd{ padding: 0 0 6px 28px; line-height: 30px; position: relative;}
.list_project li dl dd i{ width: 20px; height: 20px; background: url(../images/list_project_biao.png) no-repeat; position: absolute; top: 6px; left: 0;}
.list_project li dl dd:nth-child(2) i{ background-position: 0 -20px;}
.list_project li dl dd:nth-child(3) i{ background-position: 0 -40px;}
.list_project .more{ position: absolute; bottom: 55px; right: 51px;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.list_project{ padding: 0 40px 60px 40px;}
	.list_project li .text{ padding: 0 40px 0 50px;}
	.list_project li h3{ padding: 40px 0 15px 0;}
	.list_project .more{ bottom: 40px; right: 40px;}
}

@media screen and (max-width:1199px) and (min-width:970px){
	.list_project{ padding: 0 20px 40px 20px;}
	.list_project li{ margin-top: 50px; box-shadow: 6px 6px 0 #b7bdd3;}
	.list_project li .text{ padding: 0 30px 0 40px;}
	.list_project li h3{ padding: 35px 0 15px 0; margin-bottom: 30px;}
	.list_project li dl dd{ line-height: 23px; font-size: 15px;}
	.list_project li dl dd i{ top: 3px;}
	.list_project .more{ bottom: 27px; right: 40px;}
}

@media screen and (max-width:969px) and (min-width:640px){
	.list_project{ padding: 0 20px 40px 20px;}
	.list_project li{ margin-top: 40px; box-shadow: 5px 5px 0 #b7bdd3;}
	.list_project li .text{ padding: 0 20px 0 25px;}
	.list_project li h3{ padding: 20px 0 8px 0; margin-bottom: 14px; font-size: 20px;}
	.list_project li dl dd{ line-height: 20px; font-size: 14px; padding-left: 0; padding-bottom: 3px;}
	.list_project li dl dd i{ display: none;}
	.list_project .more{ display: none;}
}

@media screen and (max-width:639px){
	.list_project{ padding: 0 14px 40px 14px;}
	.list_project li{ box-shadow: none; margin-top: 30px;}
	.list_project li>a{ width: 100%;}
	.list_project li .text{ width: 100%; padding: 0 20px; padding-bottom: 14px;}
	.list_project li h3{ padding: 20px 0 8px 0; margin-bottom: 14px; font-size: 20px;}
	.list_project li dl dd{ font-size: 15px; line-height: 26px;}
	.list_project .more{ display: none;}
}

/*精品工程(e)*/

/*精品工程详情页(s)*/

.show_box_main .show_box_text{ padding-bottom: 30px;}
.show_box_main .show_project .time{ background-color: #f4f4f4; color: #888; line-height: 36px;}
.show_box_main .swiper-container { width: 100%;}
.show_box_main .swiper-slide { background-size: cover; background-position: center;}
.show_box_main .gallery-top img{ transition: all 0.6s;}
.show_box_main .gallery-top img:hover{ transform: scale(1.1);}
.show_box_main .gallery-top { width: 100%;}
.show_box_main .gallery-thumbs { box-sizing: border-box; padding: 10px 0;}
.show_box_main .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4;}
.show_box_main .gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}
@media screen and (max-width:639px){
	.swiper-button-next, .swiper-button-prev{ width: 22px; height: 36px; margin-top: -18px; background-size: 100%;}
}

/*精品工程详情页(e)*/

/*企业文化(s)*/

.culture_box1{ padding: 80px 0 96px 0; text-align: center; background-color: #fff; position: relative;}
.culture_box1 .position{ width: 100%; position: absolute; top: 94px; left: 0; text-align: left; z-index: 2;}
.culture_box1 .text{ max-width: 1440px; margin: 0 auto;}
.culture_box1 .quote{ width: 445px; height: 50px; font-size: 72px; font-family: Arial; color: #004ea2;}
.culture_box1 dl{ padding-left: 52px;box-sizing: border-box;}
.culture_box1 dl dt{ font-size: 30px; font-weight: bold; color: #004ea2; padding-bottom: 10px;}
.culture_box1 dl dd{ font-size: 17px; line-height: 28px;}

.culture_box2{ padding: 0;}
.culture_box2,.culture_box2 .quote,.culture_box2 dl dt{ color: #fff;}
.culture_box2 .quote{ margin: 0 auto;}
.culture_box2 dl{ width: 445px; padding-left: 32px;  margin: 0 auto;}
.culture_box2 .position{top: 60px;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.culture_box1 .text{ margin: 0 40px;}
	.culture_box2 .position{top: 32px;}
}

@media screen and (max-width:1199px) and (min-width:970px){
	.culture_box1{ padding: 60px 0 70px 0;}
	.culture_box1 .position{ top: 60px;}
	.culture_box1 .text{ margin: 0 20px;}
	.culture_box1 .quote{ width: 418px; height: 40px;}
	.culture_box1 dl{ padding-left: 32px;}
	.culture_box1 dl dd{ font-size: 16px; line-height: 24px;}
	
	.culture_box2{ padding: 0;}
	.culture_box2 .position{top: 25px;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.culture_box1{ padding: 60px 0 70px 0;}
	.culture_box1 .position{ top: 52px;}
	.culture_box1 .text{ margin: 0 20px;}
	.culture_box1 .quote{ width: 353px; height: 34px;}
	.culture_box1 dl{ padding-left: 26px;}
	.culture_box1 dl dt{ font-size: 24px; padding-bottom: 5px;}
	.culture_box1 dl dd{ font-size: 15px; line-height: 20px;}
	.culture_box1 .quote.tr{ position: relative; top: -12px;}
	
	.culture_box2{ padding: 0;}
	.culture_box2 .position{top: 10px;}
	.culture_box2 dl{ width: 380px; padding-left: 16px;}
	.culture_box2 .quote{ width: 400px;}
	
}
@media screen and (max-width:639px){
	.culture_box1{ padding: 30px 0;}
	.culture_box1 .position{ position: relative; top: auto; left: auto;}
	.culture_box1 dl{ padding: 0 14px 20px 14px;}
	.culture_box1 dl dt{ font-size: 22px; padding-bottom: 5px;}
	.culture_box1 dl dd{ font-size: 15px; line-height: 20px;}
	.culture_box1 .quote{ display: none;}
	
	.culture_box2 .quote{ width: 400px; color: #004ea2;}
	.culture_box2 dl dt{ color: #004ea2;}
	.culture_box2 dl dd{ color: #333;}
	.culture_box2 dl{ width: auto; margin: 0;}
}

.culture_box3{ background: url(../images/culture_img3.jpg) no-repeat center center;}
.culture_box3 .text{ max-width: 1440px; margin: 0 auto;}
.culture_box3 .box{ width: 684px; padding: 88px 70px 80px 70px; background-color: rgba(255,255,255,0.9); box-sizing: border-box; margin-left: 52px;}
.culture_box3 .box h3{ font-size: 30px; color: #004ea2;/* margin-bottom: 20px; */}
.culture_box3 .box p{ line-height: 38px; position: relative;/* padding-left: 25px; */ margin:10px 0 30px 0;}
/* .culture_box3 .box p::before{ content: ''; width: 8px; height: 8px; border-radius: 8px; display: block; background-color: #5b8bbd; position: absolute; top: 15px; left: 0;} */
@media screen and (max-width:1520px) and (min-width:1200px){
	.culture_box3 .text{ margin: 0 40px;}
	.culture_box3 .box{ margin-left: 12px;}
}
@media screen and (max-width:1199px) and (min-width:640px){
	.culture_box3 .text{ margin: 0 20px;}
	.culture_box3 .box{ width: 630px; margin-left: 12px; padding: 60px 50px;}
	.culture_box3 .box h3{ font-size: 26px;/* margin-bottom: 20px; */}
	.culture_box3 .box p{ line-height: 34px;}
	/* .culture_box3 .box p::before{ top: 14px;} */
	
}
@media screen and (max-width:969px) and (min-width:640px){
	.culture_box3 .box{ width: 580px; padding: 40px 30px;}
}
@media screen and (max-width:969px){
	.culture_box3 .text{ margin: 0 14px;}
	.culture_box3 .box{ width: 100%; padding: 40px 30px; margin-left: 0;}
	.culture_box3 .box h3{ font-size: 22px;/* margin-bottom: 20px; */}
	.culture_box3 .box p{ font-size: 15px; line-height: 30px; padding-left: 20px;}
	/* .culture_box3 .box p::before{ width: 6px; height: 6px; top: 13px;} */
}

.culture_team{ max-width: 1440px; margin: 66px auto 0 auto;}
.culture_team li{ width: 460px; margin-right: 30px; box-sizing: border-box; float: left;}
.culture_team li:nth-child(3n){ margin-right: 0;}
.culture_team_img{ width: 100%; height: 100%; box-sizing: border-box; overflow: hidden;border: 3px solid #e8e8e8;}
.culture_team_img img{transition: all 0.6s;}
.culture_team_img:hover img{ transform: scale(1.1);}
.culture_team_img a{ width: 100%; height: 100%; display: block; position: relative;}
.culture_team_img a::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 20px solid rgba(250,250,250,0.15); box-sizing: border-box; z-index: 2;}
.culture_team_img a i{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 20px; display: block; z-index: 3;}
.culture_team_img a i:before{ content: ""; width: 100%; height: 100%; display: block; border: 1px solid rgba(250,250,250,0.6); box-sizing: border-box;}
.culture_team li p{ padding: 38px 0; text-align: center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.culture_team{ margin: 60px 25px 0 25px;}
	.culture_team li{ width: 33.3%; padding: 0 15px; margin: 0;}
}

@media screen and (max-width:1199px) and (min-width:970px){
	.culture_team{ margin: 60px 5px 0 5px;}
	.culture_team li{ width: 33.3%; padding: 0 15px; margin: 0;}
	.culture_team li p{ padding: 30px 0;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.culture_team{ margin: 40px 14px 0 14px;}
	.culture_team li{ width: 33.3%; padding: 0 6px; margin: 0;}
	.culture_team li p{ padding: 20px 0;}
	.culture_team_img a::before{ border-width: 10px;}
	.culture_team_img a i{ padding: 10px;}
}
@media screen and (max-width:639px){
	.culture_team{ margin: 30px 7px 0 7px;}
	.culture_team li{ width: 50%; padding: 0 7px; margin: 0;}
	.culture_team li p{ padding: 15px 0 25px 0; font-size: 15px;}
	.culture_team_img,.culture_team_img a::before,.culture_team_img a i,.culture_team_img a i:before{ border: none;}
}

/*企业文化(e)*/

/*人力资源(s)*/

.human_navbar{ padding: 51px 0; text-align: center;}
.human_navbar a{ width: 154px; height: 38px; line-height: 38px; border-radius: 40px; text-align: center; display: inline-block; border: 1px solid #cecece; background-color: #fff;transition: 0.5s ease-in-out;}
.human_navbar a:hover,.human_navbar a.active{ background-color: #004ea2; color: #fff; border-color: #004ea2; text-decoration: none;}
.human_navbar a:nth-child(1){ margin-right: 10px;}
.human_navbar a:nth-child(2){ margin-left: 10px;}

.human_train{ max-width: 1440px; margin: 0 auto; min-height: 400px;}
.human_train a:hover{ text-decoration: none;}
.human_train li{ padding: 45px; background-color: #fff; margin-bottom: 20px; position: relative;}
.human_train_img{ overflow: hidden;float: left;}
.human_train li img{transition: all 0.6s;}
.human_train li:hover img{ transform: scale(1.1);}
.human_train li .text{ margin-left: 445px; padding-top: 30px; transition: 0.5s ease-in-out;}
.human_train li .text_main{ width: 80%;}
.human_train li .title{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition: 0.3s ease-in-out;}
.human_train li:hover .title{ color: #004ea2;}
.human_train li .title span{ position: relative;}
.human_train li .title span:before{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 1px; background: #004ea2; position: absolute; bottom: 0; transition: 0.3s ease-in-out;}
.human_train li:hover .title span:before{ width: 100%; margin-right: 5px;}
.human_train li .time{ padding: 8px 0 5px 0;}
.human_train li p{ font-size: 14px; line-height: 25px; color: #666;}

.human_train li .button{ width: 54px; height: 54px; border: 1px solid #6b96c3; display: block; position: absolute; top: 50%; margin-top: -27px; right: 51px;transition: 0.5s ease-in-out;}
.human_train li .button::before{ content: ""; width: 9px; height: 16px; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -4px; background: url(../images/train_arrow_blue.png) no-repeat; transition: 0.5s ease-in-out;}

.human_train li:hover .button{ border-color: #004ea2; background-color: #004ea2;}
.human_train li:hover .button::before{ background: url(../images/train_arrow_white.png) no-repeat;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.human_train{ margin: 0 40px;}
	.human_train li{ padding: 35px;}
	.human_train li .text{ margin-left: 420px;}
	.human_train li .text_main{ width: 83%;}
	.human_train li .button{ width: 50px; height: 50px; right: 35px; margin-top: -25px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	
	.human_navbar{ padding: 40px 0;}
	
	.human_train{ margin: 0 20px;}
	.human_train li{ padding: 35px;}
	.human_train_img{ width: 280px;}
	.human_train li .text{ margin-left: 326px; padding-top: 10px;}
	.human_train li .text_main{ width: 83%;}
	.human_train li p{ line-height: 22px;}
	.human_train li .button{ width: 46px; height: 46px; right: 35px; margin-top: -23px;}
}
@media screen and (max-width:969px) and (min-width:640px){
	
	.human_navbar{ padding: 30px 0;}
	
	.human_train{ margin: 0 20px;}
	.human_train li{ padding: 20px;}
	.human_train_img{ width: 240px;}
	.human_train li .text{ margin-left: 270px; padding-top: 0;}
	.human_train li .text_main{ width: 100%;}
	.human_train li p{ line-height: 22px;}
	.human_train li .button{ display: none;}
}
@media screen and (max-width:639px){
	
	.human_navbar{ padding: 30px 0;}
	.human_navbar a{ width: 140px; height: 34px; line-height: 34px; font-size: 15px;}
	.human_navbar a:nth-child(1){ margin-right: 5px;}
	.human_navbar a:nth-child(2){ margin-left: 5px;}
	
	.human_train{ margin: 0 14px;}
	.human_train li{ padding: 14px;}
	.human_train_img{ width: 120px;}
	.human_train li .text{ margin-left: 140px; padding-top: 3px;}
	.human_train li .text_main{ width: 100%;}
	.human_train li .title{ font-size: 15px;}
	.human_train li .time{ padding: 5px 0 0 0;}
	.human_train li p,.human_train li .button{ display: none;}
}

.human_develop_title{ max-width: 1440px; margin: 0 auto; padding: 55px 0; text-align: center;}
.human_develop_title h1{ font-size: 32px; color: #004ea2;}
.human_develop_title p{ padding: 22px 0 30px 0;}
.human_develop_title::after{ content: ""; width: 30px; height: 3px; background-color: #004ea2; display: block; margin: 0 auto;}

.human_develop{ width: 100%; background-color: #fff;}
.human_develop ul{ max-width: 1440px; box-sizing: border-box; margin: 0 auto; padding: 136px 27px 104px 27px; text-align: center;} /*padding: 136px 82px 104px 82px;*/
.human_develop ul li{ width: 33.3%; padding: 0 55px; box-sizing: border-box; float: left;}
.human_develop ul li .text{ width: 100%; max-width: 352px; margin: 0 auto; background-color: #eee; position: relative;}
.human_develop ul li .text::before{ content: ""; width: 126px; height: 126px; display: inline-block; border: 1px solid #eee; border-radius: 100%; position: absolute; top: -64px; left: 50%; margin-left: -64px;}
.human_develop ul li:nth-child(1) .text::before{ background: url(../images/develop_icon1.png) no-repeat center center #fff;}
.human_develop ul li:nth-child(2) .text::before{ background: url(../images/develop_icon2.png) no-repeat center center #fff;}
.human_develop ul li:nth-child(3) .text::before{ background: url(../images/develop_icon3.png) no-repeat center center #fff;}
.human_develop ul li dl{ padding: 80px 30px 0 30px; height: 172px;}
.human_develop ul li dl dt{ font-size: 20px; font-weight: bold; color: #444; padding-bottom: 16px;}
.human_develop ul li dl dd{ font-size: 14px; line-height: 22px; color: #666;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.human_develop_title{ margin: 0 40px;}
	.human_develop ul{ padding: 136px 10px 104px 10px;}
	.human_develop ul li{ padding: 0 30px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.human_develop_title{ margin: 0 20px; padding: 45px 0;}
	.human_develop_title h1{ font-size: 30px;}
	.human_develop_title p{ padding: 18px 0 26px 0;}
	.human_develop ul{ padding: 120px 10px 80px 10px;}
	.human_develop ul li{ padding: 0 10px;}
	.human_develop ul li .text::before{ width: 114px; height: 114px; top: -57px; margin-left: -57px;}
	.human_develop ul li dl{ padding: 80px 20px 0 20px;}
}

@media screen and (max-width:969px) and (min-width:640px){
	.human_develop_title{ margin: 0 20px; padding: 40px 0;}
	.human_develop_title h1{ font-size: 28px;}
	.human_develop_title p{ padding: 14px 0 22px 0;}
	.human_develop ul{ padding: 120px 10px 80px 10px; font-size: 0;}
	.human_develop ul li{ width: 50%; padding: 0 10px 100px 10px; float: none; display: inline-block;}
	.human_develop ul li:nth-child(3){ padding-bottom: 0;}
	.human_develop ul li .text::before{ width: 114px; height: 114px; top: -57px; margin-left: -57px;}
	.human_develop ul li dl{ padding: 80px 20px 0 20px;}
}
@media screen and (max-width:639px){
	.human_develop_title{ margin: 0 14px; padding: 30px 0;}
	.human_develop_title h1{ font-size: 24px;}
	.human_develop_title p{ padding: 12px 0 20px 0; font-size: 15px;}
	.human_develop ul{ padding: 95px 14px 45px 14px;}
	.human_develop ul li{ width: 100%; padding: 0 0 85px 0;}
	.human_develop ul li:nth-child(3){ padding-bottom: 0;}
	.human_develop ul li .text::before{ width: 100px; height: 100px; top: -50px; margin-left: -50px;}
	.human_develop ul li dl{ padding: 70px 20px 0 20px;}
	.human_develop ul li dl dt{ padding-bottom: 10px;}
}

.human_plan{ width: 100%; background-color: #eaf1f4; position: relative;}
.human_plan .img{ width: 50%; height: 100%; background: url(../images/strategy_bg1.jpg) no-repeat left center; background-size: cover; position: absolute; top: 0; left: 0;}
.human_plan .box{ max-width: 1440px; margin: 0 auto;}
.human_plan .text{ width: 50%; padding: 80px 0 75px 85px; box-sizing: border-box; float: right;}
.human_plan .text span{ display: inline-block; font-size: 24px; line-height: 44px; padding: 0 10px; background-color: #77aade; color: #fff;}
.human_plan .text p{ font-size: 15px; line-height: 28px; color: #888; padding: 30px 0 50px 0;}

.human_talent{ width: 100%; background-color: #fff; position: relative;}
.human_talent .img{ width: 50%; height: 100%; background: url(../images/strategy_bg2.jpg) no-repeat center center; position: absolute; top: 0; right: 0;}
.human_talent .box{ max-width: 1440px; margin: 0 auto;}
.human_talent ul{ width: 50%; padding: 64px 0 60px 0; box-sizing: border-box;}
.human_talent ul li{ width: 290px; text-align: center; float: left;}
.human_talent ul li .icon{ border: 4px solid #dce9f8; border-radius: 100%; display: inline-block;}
.human_talent ul li .icon span{ width: 81px; height: 81px; border-radius: 100%; display: block; background-color: #f4f4f4; border: 5px solid #66a2e0;}
.human_talent ul li .icon span::before{ content: ""; width: 81px; height: 81px; display: block;}
.human_talent ul li:nth-child(1) .icon span::before{ background: url(../images/strategy_icon1.png) no-repeat center;}
.human_talent ul li:nth-child(2) .icon span::before{ background: url(../images/strategy_icon2.png) no-repeat center;}
.human_talent h3{ font-size: 18px; margin: 22px 0;}
.human_talent .line{ width: 36px; height: 1px; background-color: #d3d3d3; margin: 0 auto;}
.human_talent p{ font-size: 15px; color: #666; margin-top: 33px;}



@media screen and (max-width:1520px) and (min-width:1200px){
	.human_plan .box{ margin: 0 40px;}
	
	.human_talent ul li{ width: 50%; max-width: 290px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.human_plan .box{ margin: 0 20px;}
	.human_plan .text{ width: 50%; padding: 60px 0 75px 60px;}
	
	.human_talent ul{ padding: 50px 0;}
	.human_talent ul li{ width: 50%; max-width: 290px;}
	.human_talent ul li .icon span{ width: 76px; height: 76px;}
	.human_talent ul li .icon span::before{ width: 76px; height: 76px;}
	.human_talent h3{ margin: 16px 0;}
	.human_talent p{ margin-top: 24px;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.human_plan .img{ background: none;}
	.human_plan .text{ width: 100%; padding: 60px 20px 80px 20px;}
	
	.human_talent{ background: url(../images/strategy_bg2.jpg) no-repeat right center #fff;}
	.human_talent .img{ display: none;}
	.human_talent ul{ width: 100%; padding: 64px 20px 60px 20px; background-color: rgba(0,0,0,0.5);}
	.human_talent ul li{ width: 50%;}
	.human_talent h3,.human_talent p{ color: #fff;}
	
}
@media screen and (max-width:639px){
	.human_plan .img{ background: none;}
	.human_plan .text{ width: 100%; padding: 40px 14px;}
	.human_plan .text span{ line-height: 40px; font-size: 20px;}
	.human_plan .text p{ line-height: 26px; padding: 25px 0 30px 0;}
	
	.human_talent{ background: url(../images/strategy_bg2.jpg) no-repeat right center #fff;}
	.human_talent .img{ display: none;}
	.human_talent ul{ width: 100%; padding: 54px 4px 50px 4px; background-color: rgba(0,0,0,0.5);}
	.human_talent ul li{ width: 50%;}
	.human_talent h3,.human_talent p{ color: #fff;}
	.human_talent ul li .icon span{ width: 66px; height: 66px;}
	.human_talent ul li .icon span::before{ width: 66px; height: 66px;}
	.human_talent h3{ margin: 16px 0;}
	.human_talent p{ margin-top: 24px;}
}

.join{ padding: 45px 0 48px 0; text-align: center;}
.join h3{ font-size: 32px; color: #004ea2; margin-bottom: 10px;}
.join p{ color: #c2cad8; text-transform: uppercase;}

.join_society_bg{ padding: 80px 0 0 0; background-color: #fff;}
.join_society{ max-width: 1440px; margin: 0 auto;}
.join_society_top{ background-color: #1378c6; font-weight: bold; color: #fff;}
.join_society dl{ margin-top: 14px;}
.join_society dl dt{ background-color: #edeef0; cursor: pointer;}
.join_society dl dt.hover .fields{ color: #004ea2;}
.join_society dl dt.hover .fields:nth-child(6){ background: url(../images/less.png) no-repeat center center;}
.join_society .fields{ float: left; height: 66px; line-height: 66px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.join_society .fields:nth-child(1){ width: 18%; padding-left: 3%;}
.join_society .fields:nth-child(2){ width: 10%; text-align: center;}
.join_society .fields:nth-child(3){ width: 21%; text-align: center;}
.join_society .fields:nth-child(4){ width: 19%; text-align: center;}
.join_society .fields:nth-child(5){ width: 19%; text-align: center;}
.join_society .fields:nth-child(6){ width: 6%; border-left: 1px solid #fff; text-align: center; box-sizing: border-box; background: url(../images/plus.png) no-repeat center center; float: right;}
.join_society .fields .apply{ width: 114px; height: 28px; line-height: 28px; border-radius: 30px; display: inline-block; border: 1px solid #c0c0c0; text-align: center; transition: 0.5s ease-in-out;}
.join_society .fields .apply:hover{ background-color: #004ea2; border-color: #004ea2; color: #fff; text-decoration: none;}

.join_society dl dd{ display: none; background-color: #fafafa; padding-bottom: 40px;}
.join_society_main{ padding: 0 60px; line-height: 30px;}
.join_society_list{ display: none;}
.join_society_title{ padding-top: 20px; font-weight: bold;}
.join_society_text{ font-size: 14px; color: #666;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.join_society_bg{ padding: 70px 0 0 0;}
	.join_society{ margin: 0 40px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.join{ padding: 40px 0 40px 0;}
	.join_society_bg{ padding: 60px 0 0 0;}
	.join_society{ padding: 0 20px;}
	.join_society_main{ padding: 0 50px;}
	.join_society .fields{ height: 60px; line-height: 60px;}
}
@media screen and (max-width:969px){
	.join{ padding: 32px 0 35px 0;}
	.join h3{ font-size: 30px; margin-bottom: 5px;}
	.join_society_bg{ padding: 50px 0 0 0;}
	.join_society{ padding: 0 20px;}
	.join_society .fields{ height: 40px; line-height: 40px;}
	.join_society .fields:nth-child(2),.join_society .fields:nth-child(3),.join_society .fields:nth-child(4),.join_society .fields:nth-child(5){ display: none;}
	.join_society .fields:nth-child(1){ width: 92%; padding-left: 20px; box-sizing: border-box;}
	.join_society .fields:nth-child(6){ width: 8%;}
	
	.join_society dl dd{ padding: 0;}
	.join_society_main{ padding: 20px 20px; line-height: 26px;}
	.join_society_list{ font-size: 14px; display: block;}
	.join_society_list span{ color: #666;}
	
}
@media screen and (max-width:639px){
	.join{ padding: 23px 0 25px 0;}
	.join h3{ font-size: 26px; margin-bottom: 5px;}
	.join_society_bg{ padding: 30px 0 0 0;}
	.join_society{ padding: 0 12px;}
	.join_society .fields:nth-child(1){ width: 88%;}
	.join_society .fields:nth-child(6){ width: 12%;}
}

.join_school_bg{ padding: 56px 0 30px 0; background-color: #fff;}
.join_school{ max-width: 1440px; margin: 0 auto;}
.join_school dl{ line-height: 28px; padding: 20px 0; border-bottom: 1px dashed #d7d7d7;}
.join_school dl:hover{ background-color: #f7f7f7;}
.join_school dl:nth-child(1):hover{ background-color: #fff;}
.join_school dl:nth-child(1){ font-size: 20px; font-weight: bold;}
.join_school dl dd{text-align: center; float: left;}
.join_school dl dd span{ display: none;}
.join_school dl dd:nth-child(1){ width: 16%; text-align: left;}
.join_school dl dd:nth-child(2){ width: 14%;}
.join_school dl dd:nth-child(3){ width: 16%;}
.join_school dl dd:nth-child(4){ width: 30%;}
.join_school dl dd:nth-child(5){ width: 14%;}
.join_school dl dd:nth-child(6){ width: 10%;}
.join_school dl dd a{ color: #0261c3;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.join_school{ margin: 0 40px;}
	.join_school dl dd:nth-child(1){ width: 18%;}
	.join_school dl dd:nth-child(2){ width: 12%;}
	.join_school dl dd:nth-child(4){ width: 32%;}
	.join_school dl dd:nth-child(5){ width: 12%;}
}

@media screen and (max-width:1199px) and (min-width:970px){
	.join_school_bg{ padding: 30px 0 30px 0;}
	.join_school{ margin: 0 20px;}
	.join_school dl dd:nth-child(1){ width: 16%;}
	.join_school dl dd:nth-child(2){ width: 10%;}
	.join_school dl dd:nth-child(4){ width: 36%;}
	.join_school dl dd:nth-child(5){ width: 12%;}
}

@media screen and (max-width:969px){
	.join_school_bg{ padding: 20px 0 30px 0;}
	.join_school dl{ padding: 20px;}
	.join_school dl:nth-child(1){ display: none;}
	.join_school dl dd{ text-align: left; line-height: 26px; padding-bottom: 5px;}
	.join_school dl dd span{ display: inline;}
	.join_school dl dd:nth-child(1){ width: 100%; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
	.join_school dl dd:nth-child(2){ width: 40%;}
	.join_school dl dd:nth-child(3){ width: 60%;}
	.join_school dl dd:nth-child(4){ width: 100%;}
	.join_school dl dd:nth-child(5){ width: 40%;}
}

@media screen and (max-width:639px){
	.join_school_bg{ padding: 10px 0 30px 0;}
	.join_school dl{ padding: 20px 14px 14px 14px;}
	.join_school dl dd{ font-size: 15px; line-height: 22px; padding-bottom: 5px;}
}

.join_contact{ background: url(../images/join_school_bg1.jpg) no-repeat center; padding: 70px 0 98px 0; text-align: center;}
.join_contact .box{ display: inline-block; text-align: left;}
.join_contact .logo{ padding: 66px 46px 0 0; float: left;position: relative;}
.join_contact .text{ float: left; color: #fff;}
.join_contact .text h3{ font-size: 23px; margin-bottom: 18px;}
.join_contact .text_con{ line-height: 28px; padding-left: 20px; border-left: 2px solid rgba(255,255,255,0.2); margin-left: 2px;}

@media screen and (max-width:969px){
	.join_contact{ padding: 70px 20px;}
	.join_contact .logo{ display: none;}
	.join_contact .text_con{ padding-left: 0; border: none;}
}
@media screen and (max-width:639px){
	.join_contact{ padding: 50px 14px;}
	.join_contact .text_con{ font-size: 15px;}
}

.join_welfare{ background: url(../images/join_school_bg2.jpg) repeat; padding: 33px 0 110px 0;}
.join_welfare ul{ max-width: 1440px; margin: 0 auto;}
.join_welfare ul li{ width: 33.3%; text-align: center; padding-top: 40px; box-sizing: border-box; float: left;}
.join_welfare ul li span{ width: 158px; height: 128px; display: inline-block; border: 1px solid #a9a9a9; background-color: #fff; position: relative;}
.join_welfare ul li span::before{ content: ""; width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px;}
.join_welfare ul li:nth-child(1) span::before{ background: url(../images/join_school_icon1.png) no-repeat; background-size: 100%;}
.join_welfare ul li:nth-child(2) span::before{ background: url(../images/join_school_icon2.png) no-repeat; background-size: 100%;}
.join_welfare ul li:nth-child(3) span::before{ background: url(../images/join_school_icon3.png) no-repeat; background-size: 100%;}
.join_welfare ul li:nth-child(4) span::before{ background: url(../images/join_school_icon4.png) no-repeat; background-size: 100%;}
.join_welfare ul li:nth-child(5) span::before{ background: url(../images/join_school_icon5.png) no-repeat; background-size: 100%;}
.join_welfare ul li:nth-child(6) span::before{ background: url(../images/join_school_icon6.png) no-repeat; background-size: 100%;}
.join_welfare ul li .text{ max-width: 338px; margin: 0 auto;}
.join_welfare ul li h3{ font-size: 24px; margin-top: 30px; font-weight: normal;}
.join_welfare ul li .line{ width: 25px; height: 2px; background-color: #666; margin: 12px auto 15px auto;}
.join_welfare ul li p{ font-size: 15px; line-height: 28px; height: 56px;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.join_welfare{ padding: 20px 0 100px 0;}
	.join_welfare ul{ margin: 0 20px;}
	.join_welfare ul li .text{ max-width: 300px;}
	.join_welfare ul li span{ width: 150px; height: 120px;}
	.join_welfare ul li span::before{ width: 54px; height: 54px; margin-left: -27px; margin-top: -27px;}
}
@media screen and (max-width:1199px) and (min-width:640px){
	.join_welfare{ padding: 20px 0 100px 0;}
	.join_welfare ul{ margin: 0 20px;}
	.join_welfare ul li{ padding: 40px 20px 0 20px;}
	.join_welfare ul li span{ width: 140px; height: 110px;}
	.join_welfare ul li span::before{ width: 54px; height: 54px; margin-left: -27px; margin-top: -27px;}
	.join_welfare ul li h3{ font-size: 22px; margin-top: 15px;}
	.join_welfare ul li .line{ margin: 8px auto 10px auto;}
	.join_welfare ul li p{ line-height: 24px; height: 48px;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.join_welfare ul li span{ width: 130px; height: 100px;}
	.join_welfare ul li span::before{ width: 50px; height: 50px; margin-left: -25px; margin-top: -25px;}
}
@media screen and (max-width:639px){
	.join_welfare{ padding: 10px 0 50px 0;}
	.join_welfare ul{ margin: 0 14px;}
	.join_welfare ul li{ width: 100%; padding: 30px 0 0 0; text-align: left;}
	.join_welfare ul li .text{ max-width: 100%;}
	.join_welfare ul li span{ width: 100px; height: 70px; float: left;}
	.join_welfare ul li span::before{ width: 40px; height: 40px; margin-left: -20px; margin-top: -20px;}
	.join_welfare ul li h3{ margin: 0 0 5px 120px; font-size: 18px; color: #004ea2;}
	.join_welfare ul li .line{ display: none;}
	.join_welfare ul li p{ margin-left: 120px; line-height: 20px; height: auto; color: #666;}
}

.join_picture{}
.join_picture .bg{ width: 100%; height: 28px; background: url(../images/join_school_bg3.jpg) repeat;}

.human_join_bg{ width: 100%; background: url(../images/join_bg.jpg) no-repeat center bottom; background-size: cover; padding: 60px 0;}
.human_join{ max-width: 1440px; padding: 62px 0 80px 0; box-sizing: border-box; background-color: #fff; margin: 0 auto; min-height: 500px;}
.human_join .hidden{ display: none;}
.human_join .title{ max-width: 1140px; text-align: center; font-size: 24px; margin: 0 auto 48px auto; position: relative;}
.human_join .title::after{ content: ""; width: 32px; height: 1px; background-color: #dbdbdb; display: inline-block; position: relative; top: -6px; margin: 0 auto;}
.human_join .search{ width: 120px; height: 34px; line-height: 34px; border-radius: 36px; text-align: left; padding-left: 56px; box-sizing: border-box; font-size: 15px; color: #fff; background-color: #004ea2; display: block; top: 0; right: 0; position: absolute; transition: 0.3s ease-in-out;}
.human_join .search::before{ content: ""; width: 15px; height: 15px; background: url(../images/search.png) no-repeat; background-size: 100%; display: block; position: absolute; left: 33px; top: 10px; transition: 0.3s ease-in-out;}
.human_join .search:hover{ background-color: #0055ac; text-decoration: none;}
.human_join .search:hover::before{ left: 26px;}

.human_join .box{ max-width: 1140px; margin: 0 auto; border: 1px solid #dbdbdb;}

.human_join .row{ border-bottom: 1px solid #dbdbdb; line-height: 30px;}
.human_join .row:last-child{ border-bottom: none;}
.human_join .col{ width: 50%; padding: 15px 30px; float: left; box-sizing: border-box;}
.human_join .row .col:nth-child(1){ border-right: 1px solid #dbdbdb;}
.human_join .text{ float: left;}
.human_join .input input{ width: 100%; line-height: 30px; background-color: #f4f4f4; border: 0; padding: 0 10px; box-sizing: border-box;}

.human_join .input1{ margin-left: 125px;}

.human_join .row2,.human_join .row3{ padding: 15px 30px; box-sizing: border-box;}
.human_join .input2{ margin-left: 240px;}

.human_join .row4{ padding: 20px; min-height: 300px;}

.human_join .input3{ margin-left: 297px;}
.human_join .input3 p{ padding-bottom: 10px;}
.human_join .input3 input{ width: auto; background-color: #fff; padding: 0;}

.human_join textarea.text_class{ width: 100%; height: 560px; line-height: 30px;}

.human_join .submit{ width: 130px; height: 42px; line-height: 42px; background-color: #004ea2; color: #fff; margin: 38px auto 0 auto; display: block; cursor: pointer; transition: 0.3s ease-in-out;}
.human_join .submit:hover{ background-color: #135aa3;}

.human_join .human_join_result .input3{ margin-left: 170px;}
.human_join img{ margin-bottom: 20px;}

.human_join .no_box{ text-align: center;}

.tender_join .input1{ margin-left: 90px;}
.tender_join .input2{ margin-left: 170px;}
.tender_join textarea.text_class{ height: 160px;}
.tender_join .input3{ margin-left: 233px;}

.human_join_search{ text-align: center; line-height: 40px; padding-bottom: 30px;}
.human_join_search input{ margin:0 12px 0 5px; width:300px; border:1px solid #ddd; background:#fff; padding:0 8px; line-height:38px;}
.human_join_search button{ background:#004ea2; line-height:40px; height: 40px; display: inline-block; color:#fff; width:100px; cursor: pointer; transition: 0.3s ease-in-out;}
.human_join_search button:hover{ background-color: #135aa3;}


@media screen and (max-width:1520px) and (min-width:1200px){
	.human_join{ margin: 0 40px; padding: 62px 20px 80px 20px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.human_join_bg{ padding: 50px 0;}
	.human_join{ margin: 0 20px; padding: 50px 20px 68px 20px;}
	.human_join .title{ margin-bottom: 30px;}
	.human_join .col,.human_join .row2, .human_join .row3{ padding: 15px 20px;}
	
	.join_picture .bg{ height: 20px; background-size: 13px 20px;}
}

@media screen and (max-width:969px){
	.human_join_bg{ padding: 40px 0;}
	.human_join{ margin: 0 20px; padding: 40px 20px 58px 20px;}
	.human_join .title{ margin-bottom: 30px;}
	
	.human_join .col,.human_join .row2,.human_join .row3{ width: 100%; padding: 15px 20px;}
	.human_join .row .col:nth-child(1){ border-bottom: 1px solid #dbdbdb; border-right: none;}
	.human_join .border_bottom{ border-bottom: none;}
	
	.human_join .text3{ width: 100%; float: none;}
	.human_join .input3,.human_join .human_join_result .input3{ margin-left: 0;}
	
	.join_picture .bg{ height: 16px; background-size: 10px 16px;}
}

@media screen and (max-width:639px){
	.human_join{ margin: 0 14px; padding: 30px 14px 40px 14px; font-size: 15px;}
	.human_join .title{ font-size: 22px; margin-bottom: 10px;}
	.human_join .title::after{ top: -10px;}
	
	.human_join .col, .human_join .row2, .human_join .row3{ padding: 10px 12px;}
	.human_join .input1{ margin-left: 105px;}
	.human_join .text2{ width: 100%; float: none;}
	.human_join .input3 input{ width: 100%;}
	.human_join .input2{ margin-left: 0;}
	
	.human_join .row4{ padding: 10px 12px; line-height: 24px;}
	.human_join textarea.text_class{ line-height: 24px;}
	
	.tender_join .input1{ margin-left: 80px;}
	.tender_join .input2{ width: 100%; margin-left: 0;}
	
	.human_join .search{ position: relative; top: 0; left: 0; margin: 0 auto 20px auto;}
	.human_join_search span{ display: none;}
	.human_join_search input{ width: 73%; margin: 0; box-sizing: border-box; float: left;}
	.human_join_search button{ width: 25%; float: right;}
	
}

/*人力资源(e)*/

/*集采招标(s)*/

.tender{ background-color: #fff; min-height: 500px;}
.tender ul{ padding-top: 20px; max-width: 1440px; margin: 0 auto;}
.tender ul li{ padding: 52px 0; border-bottom: 1px solid #eee; position: relative;}
.tender ul a:hover{ text-decoration: none;}
.tender ul a:hover dl dt span{ color: #004ea2;}
.tender .time{ width: 194px; padding: 25px 0; background-color: #f8f8f8; border: 1px solid #e6e6e6; text-align: center; float: left;}
.tender .time_month{ color: #004ea2; margin-bottom: 5px; font-size: 30px;}
.tender .time_year{ color: #666; font-size: 18px;}
.tender .text{ margin-left: 237px;}
.tender dl{ width: 88%;}
.tender dl dt{ font-size: 18px;}
.tender dl dt span{ position: relative;}
.tender dl dt span:before{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 1px; background: #004ea2; position: absolute; bottom: 0; transition: 0.3s ease-in-out;}
.tender ul li:hover .text dl dt span:before{ width: 100%; margin-right: 5px;}
.tender dl dd{ font-size: 14px; line-height: 28px; color: #666; margin-top: 18px;}
.tender .right_time{ display: none;}
.tender .button{ width: 54px; height: 54px; border: 1px solid #6b96c3; display: block; position: absolute; top: 50%; margin-top: -27px; right: 0; transition: 0.5s ease-in-out;}
.tender .button::before{ content: ""; width: 9px; height: 16px; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -4px; background: url(../images/train_arrow_blue.png) no-repeat; transition: 0.5s ease-in-out;}
.tender ul li:hover .button{ border-color: #004ea2; background-color: #004ea2;}
.tender ul li:hover .button::before{ background: url(../images/train_arrow_white.png) no-repeat;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.tender ul{ margin: 0 40px;}
	.tender .button{ width: 50px; height: 50px; margin-top: -25px;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	
	.tender ul{ margin: 0 20px;}
	.tender .time{ width: 180px; padding: 25px 0;}
	.tender .text{ margin-left: 223px;}
	.tender dl{ width: 100%;}
	.tender dl dd{ line-height: 24px; margin-top: 10px; color: #888;}
	.tender .button{ display: none;}
}
@media screen and (max-width:969px) and (min-width:640px){
	
	.tender ul{ padding-top: 10px; margin: 0 20px;}
	.tender ul li{ padding: 40px 0;}
	.tender .text{ margin-left: 0;}
	.tender dl{ width: 100%;}
	.tender dl dd{ line-height: 22px; margin-top: 5px; color: #888;}
	.tender .right_time{ display: block;}
	.tender .button,.tender .time{ display: none;}
}
@media screen and (max-width:639px){
	.tender ul{ padding-top: 10px; margin: 0 14px;}
	.tender ul li{ padding: 20px 0;}
	.tender .time{ width: 100px; padding: 12px 0;}
	.tender .time_month{ margin-bottom: 0; font-size: 20px;}
	.tender .time_year{ font-size: 16px;}
	.tender .text{ margin-left: 120px;}
	.tender dl{ width: 100%;}
	.tender dl dt{ font-size: 16px; line-height: 24px;}
	.tender .button,.tender dl dd{ display: none;}
}


/*集采招标(e)*/

/*联系我们(s)*/

.contact{ background-color: #fff;}
.contact ul{max-width: 1440px; margin: 0 auto; padding-top: 69px;}
.contact ul li{ width: 25%; text-align: center; float: left;}
.contact ul li span{ width: 118px; height: 118px; border-radius: 100%; border: 1px solid #e0e0e0; display: inline-block; position: relative;}
.contact ul li span::before{ content: ""; width: 36px; height: 36px; display: block; position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; z-index: 2; transition: 0.5s ease-in-out;}
.contact ul li:nth-child(1) span::before{ background: url(../images/contact_icon1.png) no-repeat;}
.contact ul li:nth-child(2) span::before{ background: url(../images/contact_icon2.png) no-repeat;}
.contact ul li:nth-child(3) span::before{ background: url(../images/contact_icon3.png) no-repeat;}
.contact ul li:nth-child(4) span::before{ background: url(../images/contact_icon4.png) no-repeat;}
.contact ul li:nth-child(1):hover span::before{ background: url(../images/contact_icon1_h.png) no-repeat;}
.contact ul li:nth-child(2):hover span::before{ background: url(../images/contact_icon2_h.png) no-repeat;}
.contact ul li:nth-child(3):hover span::before{ background: url(../images/contact_icon3_h.png) no-repeat;}
.contact ul li:nth-child(4):hover span::before{ background: url(../images/contact_icon4_h.png) no-repeat;}
.contact ul li span::after{ content: ""; width: 0; height: 0; border-radius: 100%; background-color: #004ea2; display: block; position: absolute; top: 50%; left: 50%; transition: 0.5s ease-in-out;}
.contact ul li:hover span::after{ width: 108px; height: 108px; margin-left: -54px; margin-top: -54px;}
.contact ul li h3{ font-size: 16px; font-weight: normal; padding: 10px 0;}
.contact ul li p{ font-weight: bold; padding: 0 20px; line-height: 26px;}

.contact_ewm{ position: relative; top: 65px; text-align: center; z-index: 2;}
.contact_ewm .text{ width: 100%; position: absolute; top: 70px; left: 0; text-align: center;}
.contact_ewm .text img{ width: 134px; border: 10px solid #eaeaea;}
.contact_ewm .text p{ padding-top: 15px; color: #fff;}

.contact_map{ width: 100%;}

@media screen and (max-width:1520px) and (min-width:1200px){
	.contact ul{ margin: 0 40px;}
	.contact_ewm dl{ margin: 60px auto 0 auto;}
}
@media screen and (max-width:1199px) and (min-width:970px){
	.contact ul{ margin: 0 20px;}
	.contact_ewm .text{ top: 50%; margin-top: -93px;}
	.contact_ewm .text img{ width: 134px; border: 8px solid #eaeaea;}
}
@media screen and (max-width:969px) and (min-width:640px){
	.contact ul{ margin: 0 20px; padding-top: 50px;}
	.contact ul li h3{ padding: 5px 0;}
	.contact ul li p{ font-weight: normal; font-size: 14px; line-height: 20px;}
	.contact ul li span{ width: 100px; height: 100px;}
	.contact ul li:hover span::after{ width: 90px; height: 90px; margin-left: -45px; margin-top: -45px;}
	.contact_ewm dl{ margin: 20px auto 0 auto;}
	.contact_ewm dl dd{ padding: 0 100px;}
	.contact_ewm dl dd img{ width: 100px; height: 100px;}
	.contact_ewm dl dd p{ padding-top: 10px;}
	.contact_map{ height: 500px; overflow: hidden;}
	.contact_ewm .text{ top: 50%; margin-top: -75px;}
	.contact_ewm .text img{ width: 110px; border: 5px solid #eaeaea;}
	.contact_ewm .text p{ padding-top: 10px;}
}
@media screen and (max-width:639px){
	.contact ul{ margin: 0 14px; padding-top: 40px; font-size: 15px;}
	.contact ul li{ width: 50%;}
	.contact ul li h3{ padding: 5px 0;}
	.contact ul li p{ padding: 0; line-height: 20px; height: 60px;}
	.contact ul li span{ width: 100px; height: 100px;}
	.contact ul li:hover span::after{ width: 90px; height: 90px; margin-left: -45px; margin-top: -45px;}
	
	.contact_ewm{ background:  url(../images/contact_bg.jpg) no-repeat center bottom; background-size: cover; top: 0;}
	.contact_ewm>img{ display: none;}
	.contact_ewm .text{ position: relative; top: 0; padding: 40px 0 30px 0;}
	.contact_map{ height: 400px; overflow: hidden;}
}

/*联系我们(e)*/

.footer_yyzz{ cursor: pointer;}
.yyzz_layer{ display: none;}
.layui-layer{ width: 500px!important; border: 15px solid #fff; border-radius: 5px!important;}
.layui-layer-content{ height: 736px!important; overflow: hidden!important;}

@media screen and (max-width:969px){
	.layui-layer{ width: 280px!important;}
	.layui-layer-content{ height: 412px!important;}
}