@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(255, 168, 0, 0.52);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 rgb(255, 168, 0);}



@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: 423px;height: 100%;background: url(../images/header_bg_blue.jpg) no-repeat 0 center #0f4a88;background-size:contain;}

.nav>li{font-size: 18px;float: right;position: relative;}

.nav>li>p>a{padding: 0 21px;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(146, 148, 150, 0.54);}

.nav_child>li{width:100%;border-bottom: 1px solid #cacaca4d;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: 274px;height: 100%;background: url(../images/header_bg_blue.jpg) no-repeat 0 center #0f4988;background-size:contain;display: none;}

.nav_phone{width: 34px;height: 34px;background-color: #0f4988;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: #0f4988;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: #0f4988;FONT-SIZE: 31PX;}

.index_about .title dd{font-size: 41px;}

.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;color: #0f4988;}

.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;color: #566f8acc;}

.index_about_p{font-size: 16px;line-height: 32px;color: #2b2b2b;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: #0f4988;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: #0f4988;}

	.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: 22px;margin-bottom: 50px;}

.index_case_top a{width: 33.3%;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: 420px;transition: all 0.6s;height: 235px;}

.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: #0f4a88;}



@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: #0f4988;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: #0f4a88;-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;}

.list_news_box p{ font-size: 15px; color: #999; line-height: 22px; margin: 25px 0; text-align: justify; position: relative; z-index: 2;}

.list_news_box .more{width: 100px;height: 30px;line-height: 30px;border-radius: 25px;display: block;text-align: center;color: #fff;font-size: 14px;background-color: #0f4a88;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{ 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{ 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{ 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;}

	.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/contact_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: #0f4988;color: #dbecfd;}

.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 #2b68ab;border-bottom: 1px solid #2b68ab;}

.footer_main{ max-width: 1440px; margin: 0 auto;}

.footer_main dl{float: left;padding-right: 62px;}

.footer_main dl dt{ padding-bottom: 20px;}

.footer_main dl dd{ line-height: 30px;}

.footer_main dl dt a{color: #bbdcff;font-size: 18px;}

.footer a{color: #dbecfd;}

.footer_contact{float: left;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;}
.td{}
.td img{
    float: right;
    width: 356px;
    /* border: 15px solid white; */
}

.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: 40px;}

.culture_box3 .box p{ line-height: 38px; position: relative; padding-left: 25px;}

.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;}

}