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


.w1200{ max-width:1200px; margin:0 auto;}

#hd{ 
    background: #fff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;}
.header{ line-height:100px; background:#fff; box-shadow:0 0 10px #eee; }
.header li{ display:inline-block;}
.header .logo{ height:100px;}
.header .logo a img{ vertical-align:middle;}
.header .nav li{ margin-left:30px; position: relative;}
.header .nav li>a{ padding:0 10px;}
.header .nav li a::after{ height:6px; width:0; left:50%; top:0; content:""; transition:all .3s;position:absolute; }
.header .nav li.on>a::after,.header .nav li:hover>a::after{ left:0; width:100%;  background:#007390;}
.header .nav li.on>a{ color:#007390}
.header .nav a{ font-size:16px; color:#333; display:block; position:relative;}

.sub_nav_head{ padding: 20px 0; background-color: #fff; box-shadow: 0 1px 20px rgba(0,0,0,.2); opacity: 0; visibility:hidden; position: absolute; left: 50%; transform:translateX(-50%) ; width: 120px; top: 110px; transition:all .3s; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.header .nav li:nth-child(4) .sub_nav_head{ width: 200px;}
.header .nav li:hover .sub_nav_head{ top: 100px;opacity: 1; visibility: initial;}
.header .nav .sub_nav_head a{ font-size: 14px; ; line-height: 2; padding: 0 10px; display:block; text-align: center; position: relative;}
.header .nav li .sub_nav_head a::after{ display: none;}
.sub_nav_head a:hover{ color: #007390;}
.fixed {
    top: -105px !important;
}
.index_main{ padding-top:100px;}

.banner{ position:relative;}
.banner .swiper-pagination{ width:100%; bottom:30px;}
.banner .swiper-pagination-bullet{ height:9px; width:144px; background:url(../images/bannericon_12.png) no-repeat left center; border-radius:0; margin:0 5px; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:url(../images/bannericon_10.png) no-repeat left center;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:59px; height:59px; background-size:59px 59px; margin-top:-30px;}
.banner .swiper-button-next{ background-image:url(../images/bannericon_05.png); right:80px;}
.banner .swiper-button-prev{ background-image:url(../images/bannericon_03.png); left:80px;}
.banner .swiper-slide{ background-size:cover; background-position:center;}
.banner .swiper-slide img{ max-width:100%;}

.a-more{ padding-top:60px; text-align:center;}
.a-more a{ display:inline-block; line-height:40px; transition:all .3s; padding:0 35px; background:#007390; border:1px solid #007390; font-size:16px; color:#fff; border-radius:100px;}
.a-more a:hover{ background:#fff; color:#007390}


.title { text-align:center; padding-bottom:60px;}
.title .tit_cn{ font-size:36px; color:#007390; line-height:1;}
.title .line{ width:30px; height:3px; background:#007390; margin:15px auto 20px;}
.title .tit_en{ font-size:16px; color:#666666; text-transform:uppercase;line-height:1;}


.main_01,.main_03,.main_02{ padding:60px 0;}
.index-p li{ float:left; width:23.5%; margin-left:2%; position:relative; overflow:hidden; margin-bottom: 2%;}
.index-p li .imgs{ height:280px;}
.index-p li:hover .imgs img{ transform:scale(1.1);}
.index-p li .imgs img{object-fit: cover; width:100%; height:100%;}
.index-p li:first-child{ margin-left:0;}
.index-p li:nth-child(5){margin-left:0;}
.index-p li .txts{ padding:0 25px; transition:all .3s; text-align:center; position:absolute; width:100%; bottom:0; left:0; height:50px; background:rgba(255,255,255,.7);}
.index-p li .txts b{ font-size:14px; color:#007390; line-height:1.3; text-align:center; display:block;}
.index-p li .txts img{ display:none; margin:0 auto; margin-bottom:10px;}
.index-p li .txts span{display:none;color:#fff;  color:#fff;}
.index-p li:hover .txts b{color:#fff; margin-top:10%; border-bottom:1px solid #fff; padding-bottom:10px;}
.index-p li:hover .txts{ background:rgba(0,115,144,.8); height:100%;}
.index-p li:hover .txts img{ display:block;}
.index-p li:hover .txts span{ display:block;}

.main_02{ background-image:url(../images/index_18.jpg); background-position:center; background-size:cover;}

.main_02 .title .tit_cn{ color:#fff; text-transform: uppercase;}
.main_02 .title .line{ background:#fff;}
.main_02 .title .tit_en{color:#fff;}
.main_02 .intro{ text-align:center; font-size:16px; color:#ffffff;}
.main_02 .shuzi{ padding-top:70px;}
.main_02 .shuzi li{ width:33.33%; float:left; padding:0 20px; text-align:center;}
.main_02 .shuzi li b{ color:#fff; font-family:"Impact"; font-size:60px; font-weight:normal; display:block; line-height:1; margin-bottom:10px;}
.main_02 .shuzi li b em{ font-style:normal;}
.main_02 .shuzi li span{ color:#cccccc; font-size:18px;}
.main_02 .a-more a{background:#fff; border:1px solid #fff;color:#007390;}


.main3_le{ width:41.66%;}
.main3_le .imgs{ height:410px; overflow:hidden; position:relative;}
.main3_le .imgs .txts{ position:absolute; bottom:0; left:0; width:100%; padding:10px 20px; background:rgba(0,115,144,.8);}
.main3_le .imgs .txts .tim{ width:70px; text-align:center; float:left;}
.main3_le .imgs .txts .tim b{ font-size:24px; color:#fff; display:block; line-height:1;}
.main3_le .imgs .txts .tim span{ font-size:16px; color:#fff;}
.main3_le .imgs .txts .h_tit{ width:calc(100% - 70px); float:right; height:52px; display:flex;align-items:center; padding-left:25px;}
.main3_le .imgs .txts .h_tit a{ font-size:16px; color:#fff; line-height:1.5;}
.main3_le .imgs img{ width:100%; height:100%;object-fit: cover;}
.main3_ri{ width:55%;}
.main3_ri li{ position:relative;  padding:15px 10px; border-bottom:1px solid #dcdcdc; margin-top:16px; transition:all .3s;}
.main3_ri li:first-child{ margin:0;}
.main3_ri li .imgs{ width:26.5%; height:95px;}
.main3_ri li:hover .imgs img{ transform:scale(1.1);}
.main3_ri li .txts{ width:73.5%; height:75px;padding-left:20px;}
.main3_ri li .txts h2 a{ font-size:16px; color:#666666; line-height:1.5; font-weight:normal; }
.main3_ri li .txts span{ position:absolute; right:15px; bottom:12px; color:#999999;}
.main3_ri li:hover{ border-bottom:1px solid #007390; background:#f6f6f6;}
.main3_ri li .txts h2 a:hover{ color:#007390}
.main3_ri li .txts h2{ display:block; margin-top:10px;}

.footer{ background:#eee; padding-top:50px;}
.logo_fot{ width:19%;}
.navfot{ width:22.5%; margin-left:3%; margin-right:2%;}
.navfot a{ display:block; width:50%; float:left; padding-left:10%; line-height:2.2; font-size:16px; color:#333333;}
.lxfot{ width:41%;}
.lxfot span{ font-size:24px; color:#333; display:block; margin-bottom:15px;}
.lxfot p{ font-size:18px; color:#666666; display:block;}
.lxfot p:last-child{ font-size:16px; margin-top:30px;}
.logo_fot img{ max-width:100%;}
.ewmfot{ width:11%; text-align:center;}
.ewmfot img{ width:100%;}
.ewmfot span{ font-size:16px; color:#666666; display:block; padding-top:10px;}
.copy{ background:#007390; padding:6px 0; margin-top:50px;}
.copy p,.copy a{ font-size:16px; color:#fff;}
.copy a{ display:inline-block; margin:0 10px;}
.main3_ri li .imgs img{ width:100%; height:100%;object-fit: cover;}


.sub_ban{ height:350px; background-position:center; background-size:cover;}
.positon{ font-size:14px; color:#696969; border-bottom:1px solid #bfbfbf; padding:20px 0;}
.positon a{font-size:14px; color:#696969; display:inline-block; padding:0 5px;}
.positon a:hover{ color:#007390}
.positon .posi{ background:url(../images/pro_article_05.png) no-repeat left center; padding-left:30px;}

.prolists_xin li{ width:100%; border-bottom:1px dashed #eee; padding:10px ;}
	.prolists_xin li a{ font-size:16px; color:#333;}
	.prolists_xin li a:hover{ color:#007390}
.news_lists{ padding:60px 0;}
.pages{ padding-top:60px; text-align:center;}
.pages li{ display:inline-block;}
.pages li a{ display:block; padding:1px 10px; border:1px solid #eee; font-size:14px; color:#333; transition:all .3s;}
.pages li.active a,.pages li a:hover{ background:#007390; color:#fff;}
.news_lis li{ border-bottom:1px dashed #e5e5e5; padding:20px 0; transition:all .3s;}
.news_lis li:hover{ padding:20px 10px; background:#3681bd;}
.news_lis li .imgs{ width:190px; height:120px;}
.news_lis li .imgs img{width:100%; height:100%;object-fit: cover;}
.news_lis li .txts{ width:calc(100% - 190px); height:120px; padding-left:30px;}
.news_lis li .txts .n_t{ margin-bottom:20px; margin-top:5px;}
.news_lis li .txts .n_t span{ font-size:16px; color:#999999;transition:all .3s;}
.news_lis li .txts .n_t a{ font-size:18px; color:#353535;transition:all .3s;}
.news_lis li .txts p{ font-size:16px; color:#626262;transition:all .3s;}

.news_lis li:hover .n_t span{ color:#fff;}
.news_lis li:hover .n_t a{ color:#fff;}
.news_lis li:hover .txts p{ color:#fff;}

.pro_article{ padding:60px 0;}
.article{ padding:60px 0 0;}
.pagenext{padding:60px 0;}
.pagenext a{ display:block; width:48%;font-size:14px; color:#666666;}

.pagenext a.ri{ text-align:right;}
.pagenext a:hover{ color:#007390;}
.article h1{ font-size:24px; color:#000; font-weight:normal;}
.article .time{ padding:30px 0;}
.article .time span{ font-size:14px; color:#999999; display:inline-block; margin-right:20px;}
.article .contents p{ font-size:16px; color:#666666; line-height:2; text-indent:2em; margin-bottom:5px;}



.pro_article .imgss{width:44%;}
.pro_article .imgss img{ width:100%;}
.pro_article .txts{ width:56%; padding-left:50px; }
.pro_article .txts h1{font-size:24px; color:#000; font-weight:normal; display:block; padding:20px 0; border-bottom:1px dashed #dcdcdc; line-height:1.2;}
.jianjiecanshu{ padding:30px 0;}
.jianjiecanshu p{ font-size:16px; color:#666666; display:block; margin-top:15px;}

.a_fanhui{ text-align:right; margin-top:40px;}
.a_fanhui a{ display:inline-block; padding:0 60px; background:#007390; color:#fff; font-size:16px; font-weight:bold; line-height:45px;}

.yongtu{ margin-top:60px;}
.yongtu .yt_tit span{display:inline-block; padding:0 60px; background:#007390; color:#fff; font-size:16px; font-weight:bold; line-height:45px;}
.yongtu .yt_tit{ border-bottom:1px solid #dcdcdc;}
.yongtu .contents{ padding-top:40px;}
.yongtu .contents p{ font-size:16px; color:#666666; line-height:2; text-indent:2em; margin-bottom:5px;}

.sub_navli{ text-align:center; padding-top:60px;}
.sub_navli a{ margin-top:5px; display:inline-block; padding:0 15px; font-size:16px; line-height:35px; background:#eeeeee; color:#333; transition:all .3s;}
.sub_navli a.on,.sub_navli a:hover{ background:#007390; color:#fff;}

.down_lists li a{ background:url(../images/fuwu_05.jpg) no-repeat left center; font-size:16px; color:#666666; padding-left:55px; line-height:36px; min-height:36px; display:inline-block;}
.down_lists li span{ font-size:16px; color:#999999;}
.down_lists li{ margin-top:35px;}
.down_lists li:first-child{ margin-top:0;}
.down_lists li a:hover{ color:#007390}

.about_content{ padding:60px 0;}
.title_about{ margin-bottom:40px; text-align:center;}
.title_about b{ font-size:30px; color:#007390; display:block; line-height:1;}
.title_about span{ font-size:12px; color:#666666; text-transform:uppercase; font-weight:bold;}
.abouts_content p{ font-size:16px; color:#666666; line-height:2; text-indent:2em; margin-bottom:5px;}

.rongyu li{ width:31.33%; float:left; margin:1%;}
.rongyu li .imgs{ border:1px solid #eeeeee; height:360px; display:flex;align-items:center;}
.rongyu li .imgs img{ max-width:100%; max-height:100%; margin:0 auto; display:block;}
.rongyu li .imgs a{ display: block; max-height: 100%;}
.rongyu li .txts{ height:70px; display:flex;align-items:center; justify-content:center; text-align:center; line-height:1;}
.rongyu li .txts a{ font-size:16px; color:#394264;}
.rongyu li:hover a{ color:#007390}
 #c-join3 {
	background: #fff;
}
#c-join3 .c-top-box {
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#c-join3 .c-top-box .c-title {
	font-size: 48px;
	line-height: 1.1em;
	color: #222;
}
#c-join3 .c-top-box .c-title span {
	color: #007390;
}
#c-join3 .c-top-box form {
	width: 67.7%;
	padding: 20px;
	background: #f7f7f7;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
#c-join3 .c-top-box form .c-wrap {
	width: -webkit-calc(33.33% - 13px);
	width: calc(33.33% - 13px);
	display: flex;
	align-items: center;
}
#c-join3 .c-top-box form select {
	padding: 0 40px 0 20px;
	width: 100%;
	height: 60px;
	border: 1px solid #ddd;
	background: #fff url(../images/san.png)no-repeat right 20px center;
	background-size: 12px auto;
	color: #666;
}
#c-join3 .c-top-box form input{
	padding: 0 20px;
	height: 60px;
	border: 1px solid #ddd;
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	border-right: 0;
	color: #666;
}
#c-join3 .c-top-box form button {
	width: 60px;
	height: 60px;
	background: #007390;
}
#c-join3 .c-top-box form button i {
	color: #fff;
	font-size: 18px;
}
#c-join3 .c-list-box{
	box-shadow: 0 1px 50px rgba(0,0,0,.1);
}
#c-join3 .c-list1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 10px 0;
	font-size: 16px;
	line-height: 28px;
	color: #fff; background:#3681bd;
	border-bottom: 2px solid #e3e3e3;
}
#c-join3 .c-item5 {
	padding-right: 40px;
	width: 100px;
	text-align: right;
}
#c-join3 .c-item5 i {
	font-size: 28px;
	transition: .5s;
}
#c-join3 .c-item1,#c-join3 .c-item2,#c-join3 .c-item3,#c-join3 .c-item4 {
	width: -webkit-calc(25% - 25px);
	width: calc(25% - 25px);
}
#c-join3 .c-item1 {
	padding-left: 40px;
}
#c-join3 .c-item2,#c-join3 .c-item3,#c-join3 .c-item4 {
	padding-left: 20px;
}
#c-join3 .c-list2{ padding-bottom:40px;}
#c-join3 .c-list2 .c-title-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 10px 0;
	border-bottom: 1px solid #f2f2f2;
	line-height: 26px;
	color: #666;
	transition: .5s;
}
#c-join3 .c-list2 .c-title-box .c-item1 {
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	transition: .5s;
}
#c-join3 .c-list2 .c-title-box span {
	display: none;
}
#c-join3 .c-list2 .c-text-wrap {
	display: none;
}
#c-join3 .c-list2 .c-text-box {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px;
	border-bottom: 1px solid #f2f2f2;
}
#c-join3 .c-list2 .c-text-box .c-text {
	width: 100%;
	line-height: 30px;
	color: #999;
}
#c-join3 .c-list2 .c-text-box .c-btn {
	display: block;
	width: 170px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	background: #007390;
}
#c-join3 .c-list2>li.active .c-title-box,#c-join3 .c-list2>li.active .c-title-box .c-item1{
	color: #007390;
}
#c-join3 .c-list2>li.active .c-item5 i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
#c-join3 #c-pagination {
	padding:40px 0;
}

.cont_le{ width:46%; padding-right:20px;}
.cont_le b{ font-size:24px; color:#3681bd; display:block; margin-bottom:40px;}
.cont_le p { font-size:16px; color:#666666; display:block; padding:25.5px 0; border-bottom:1px solid #dcdcdc;}
.cont_le p img{ vertical-align:middle; max-width:45px; margin-right:20px;}
.cont_ri{ width:54%;}
.cont_ri iframe{ height:570px !important; width:100%; border:none; background:#eee;}

@media screen and (max-width:1300px){
	.w1200{ padding-left:40px; padding-right:40px;}
	.header .nav li{ margin-left:10px;}
	}
@media screen and (max-width:960px){
  .prolists_xin li {padding:10px 0;}
  .prolists_xin li a{font-size:14px; }
	.article h1{ font-size:16px;}
	.index_main{ padding-top:0;}
	.w1200{ padding-left:20px; padding-right:20px;}
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .news_lis li .txts .n_t span{ display:none;}.news_lis li .imgs{ width:30%; height:100px;}.news_lis li .txts{ width:70%;height:100px; padding-left:20px;}.news_lis li .txts p{ font-size:14px;}.news_lis li .txts .n_t a{ font-size:14px; font-weight:bold;}.news_lis li .txts .n_t{ margin-bottom:10px; margin-top:10px; }
	 .navfot{ display:none;}.sub_ban{ height:160px;}.news_lis li{ padding:10px 0;}.news_lis li:hover{ padding:10px;}
.logo_fot{ width:100%; float:none; margin-bottom:20px;}
.logo_fot img{ max-width:150px; display:block; margin:0 auto;}
	 .ewmfot{ width:100px;}.lxfot{ width:calc(100% - 120px);}
	 .copy a{ float:none;font-size:14px;} .copy{ text-align:center;} .copy p{ float:none; font-size:14px;}.lxfot p{ font-size:14px;}.lxfot p:last-child{ font-size:14px; margin-top:0;}.main3_ri li{ margin-top:0;}.title{ padding-bottom:40px;}.title .tit_cn{ font-size:20px;}.title .tit_en{ font-size:12px;}.main_02 .intro{ font-size:14px;}.main_02 .shuzi li b{ font-size:24px;}.main_02 .shuzi li span{ font-size:14px; line-height:1.2; display:block;}.main_02 .shuzi{ padding-top:30px;}
.main_02 .a-more a{ font-size:14px;}	  .main3_le .imgs{ height:10rem;}.main3_ri li .txts h2 a{ font-size:14px;}.main3_le .imgs .txts .h_tit a,.main3_ri li .txts span{ font-size:14px;}.index-p li{ width:48%; margin:1%;}.index-p li:first-child{ margin:1%;}.index-p li .imgs{ height:8rem;}
	 .main3_le,.main3_ri{ width:100%; float:none;}.main3_ri{ margin-top:30px;}.a-more{ padding-top:40px;}.main_01, .main_03, .main_02{ padding:40px 0;}
	 .index-p li .txts b{ font-size:12px; }.index-p li .txts{ height:40px; padding:0 10px;}.index-p li .txts span{ font-size:12px;}
	 .index-p li .txts img{ max-width:30px;}.a-more a{ font-size:14px;}.title .line{ margin:10px auto;}
	 .banner .swiper-pagination{ bottom:10px;}.banner .swiper-pagination-bullet{ width:30px;}.banner .swiper-button-next{ right:10px;}
	 .banner .swiper-button-prev{ left:10px;}
	 .news_lists,.pagenext,.pro_article,.about_content{ padding:30px 0;}.article,.sub_navli{ padding-top:30px;}.pages{ padding-top:30px;}.positon{ padding:10px 0;}.positon .posi{ background-size:15px; padding-left:20px;}
	 .positon a,.positon { font-size:12px;}
	 .pagenext a{ width:100%; margin:10px 0;}
	  .pagenext a.ri{ text-align:left;}.article .time{ padding:15px 0;}.article .time span{ font-size:12px;}.article .contents p,.yongtu .contents p,.abouts_content p{ font-size:14px;}.pro_article .imgss{ width:100%; float:none; max-width:500px; margin:0 auto;}.pro_article .txts{ width:100%; float:none; padding:0; margin-top:15px;}.pro_article .txts h1{ font-size:18px; line-height:1.5; padding:10px 0;}.jianjiecanshu{ padding:10px 0;}.jianjiecanshu p{ margin-top:0; font-size:14px;}.a_fanhui a,.yongtu .yt_tit span{ font-size:12px; padding:0 20px; line-height:35px;}
	  
	  .yongtu{ margin-top:20px;}.a_fanhui{ margin-top:20px;}.yongtu .contents{ padding-top:20px;}
	  .sub_navli a{ font-size:14px; width:48%; padding:0; text-align:center;}
	  .down_lists li span{ display:none;}.down_lists li a{ font-size:14px;}.down_lists li { margin-top:20px;}
	  
	  .title_about b{ font-size:20px;}.title_about span{ line-height:1; display:block; margin-top:5px; font-weight:normal; padding:0 20px;}
	  .title_about{ margin-bottom:20px;}
	  .rongyu li .imgs{ height:8rem;}.rongyu li{ width:48%;}.rongyu li .txts a{ font-size:14px;}.rongyu li .txts{ height:50px;}
	  #c-join3 .c-list2 .c-text-box{ padding:20px;}#c-join3 .c-item1{ padding-left:20px;}
	  #c-join3 .c-list2 .c-text-box .c-text{ font-size:14px;}#c-join3 .c-item5{ width:20%;}
	  #c-join3 .c-item1, #c-join3 .c-item2, #c-join3 .c-item3, #c-join3 .c-item4{ width:40%;}#c-join3 .c-list2 .c-title-box .c-item1,#c-join3 .c-item4,#c-join3 .c-item1{ font-size:14px;}
	  .cont_le{ width:100%; float:none; margin-bottom:30px;}.cont_ri iframe{ height:200px !important;}.cont_le p{ padding:10px 0; font-size:14px; padding-left:40px; position:relative;}
	  .cont_ri{ width:100%; float:none;}.cont_le b{ font-size:20px; margin-bottom:20px;}.cont_le p img{ max-width:30px; margin-right:10px;}
	  .cont_le p img{ position:absolute; left:0; top:50%; margin-top:-15px;}
	  .index-p li:nth-child(5){ margin: 1%;}
	  
	}

	.header .nav  li.lang a{ height: 30px; width: 30px; border-radius: 100px; background-color: #007390; line-height: 30px; text-align: center; padding: 0; color: #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; }
	.header .nav li.lang:hover>a::after{ display: none;}