@charset "utf-8";
:root{
	--mColor:#144587;
}
.page-banner{background-color: #f5f5f5;  overflow: hidden;}
.page-banner img{width: 100%;}
/* ==========================page-common========================== */
.page-left{position: absolute; left: 15px; top: 0; width: 260px;}
.page-right{width: 100%; padding-left: 360px; }

@media (max-width:1200px) {
	.page-right{ padding-left: 310px; }
}
@media (max-width:1000px) {
	.page-left{ width: 200px;}
	.page-right{ padding-left: 220px; }
}
@media (max-width:768px) {
	.page-left{position: static;width: 100%;}
	.page-right{float: none; width: 100%;padding: 0;}
}
/* page-sider */
.page-sider{ position: relative; width: 100%;}
.page-cataname{position: absolute; top: -96px; left: 0; width: 100%; height: 96px;   background-color: var(--mColor); color: #fff;border-radius: 6px 6px 0 0;transition: all 0.3s ease;}
.page-cataname h3{padding: 35px 30px; font-size: 20px; transition: all 0.3s ease;}

@media (max-width:1000px) {
	.page-cataname{top: -68px; height: 68px;}
	.page-cataname h3{ padding: 20px; font-size: 18px;}
}
@media (max-width:768px) {
	.page-cataname{position: static; margin-top: 15px; height: auto;}
	.page-cataname h3{ padding: 15px;}
}
.page-sidernav ul{padding-top: 1px; background-color: #fff;}
.page-sidernav ul li{margin-bottom: 1px; background-color: #eee;}
.page-sidernav>ul>li:last-child{border-radius: 0 0 5px 5px;}
.page-sidernav ul li a{position: relative;}
.page-sidernav>ul>li>a::before{position: absolute; top: 50%; right: 15px; content: ''; margin-top: -8px; border-left: 8px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: .3s;}
.page-sidernav ul li a{display: block; padding-left: 30px; line-height: 45px;}
.page-sidernav-sub{ display: none;}
.page-sidernav-sub li{padding-left: 15px; background-color: #f9f9f9!important;}
.page-sidernav-sub li a{position: relative; line-height: 35px!important;}
.page-sidernav-sub li:hover a{color: var(--mColor);}
.page-sidernav-sub li a::before{position: absolute; top: 50%; left: 15px; content: '';margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background-color: var(--mColor);}
.open-sider>a{background-color: var(--mColor); color: #fff;}
.open-sider>a::before{ border-left-color: #fff!important; transform: rotate(90deg); }
.open-sidernav{display: block;}
.page-sider-fixed {position: fixed;top: 220px;left: auto; width: 260px;}

.page-sidernav>ul>li:hover,.page-sidernav>ul>li.on{background-color: var(--mColor);}
.page-sidernav>ul>li:hover>a,.page-sidernav>ul>li.on>a{color: #fff;}
.page-sidernav>ul>li:hover>a::before,.page-sidernav>ul>li.on>a::before{border-left-color: #fff;}


@media (max-width:1000px) {
	.page-sider-fixed {top: 90px;width: 200px;}
}
/*  */
.page-catepath{ padding: 20px 0; text-align: right;}
.page-catepath a{color: #777;}
.page-catepath a:hover{color: var(--mColor);}
.page-catepath span{color: var(--mColor);}
.page-catepath i{display: inline-block; padding: 0 4px; color: #999; font-family: simsun; font-style: normal;}
@media (max-width:768px) {
	.page-catepath{ padding: 20px 0; text-align: left;}
}


.page-viewcode{margin:30px 0;}
.page-viewcode ul{display:inline-block;}
.page-viewcode ul > li:first-child,
.page-viewcode ul > li:last-child{font-family: simsun;}
.page-viewcode ul > li{float:left;margin:2px 1px; text-align:center; }
.page-viewcode ul > li > a,
.page-viewcode ul > li > span{display: block; width: 30px; height: 30px; line-height: 30px; font-size: 12px; color:#666; background-color: #eee;}
.page-viewcode ul > li > a:hover,
.page-viewcode ul > li > a:focus{opacity:1}
.page-viewcode ul > .active > a,
.page-viewcode ul > .active > span{color:#fff; background-color: var(--mColor);}
.page-viewcode ul > .active > a,
.page-viewcode ul > .active > span{cursor:default}

@media (max-width:640px) {
	.page-viewcode ul > li > a,
	.page-viewcode ul > li > span{margin:0 2px;float:left;display: block; padding:0 12px; line-height: 30px; font-size: 14px; }
}

/* show */
.show-title{text-align: center;}
.show-title h3{margin-bottom: 15px; padding-bottom: 15px; font-size: 24px;}
.show-info{border-bottom: 1px solid #eee;}
.show-info span{position: relative; display: inline-block; padding:0 15px; margin-bottom: 10px; font-family: arial;  color: #777;}
.show-title span:first-child::before{display: none;}
.show-content{padding: 40px 0;}
.show-content p{line-height: 24px; padding-bottom: 15px;}
/*  */
.page-view ul{padding: 15px; background-color: #f5f5f5;}
.page-view ul li{float: left;  width: 50%;}
.page-view ul li:last-child{text-align: right;}
.page-view ul li a{color: #777;}
.page-view ul li a:hover{color: #CC0000;}
@media (max-width:768px) {
	.page-view ul{padding:5px 15px; background-color: #f5f5f5;}
	.page-view ul li{width: 100%;}
	.page-view ul li:last-child{text-align: left; padding-top: 8px;}
}

@media (max-width:768px) {
	.show-title{ padding-top: 20px;}
	.show-title span::before{display: none;}
	.show-content{padding: 20px 0;}
}


/* test */
.page-container-ctrl{height: 2000px;}
/* test */

/* --------------------------------------------------------------------------------------- */

/* about */
.page-about-value li{padding: 15px; background-color: #f5f5f5;}
.page-about-value li:nth-child(even){background-color: #ddd;}

.page-about-value li h3{margin-bottom: 5px;}
.page-about-value li p{color: #777;}
/*  */
.page-about-do-content,
.page-about-do-pic{ width: 50%;display:table-cell; vertical-align: middle;overflow: hidden;}
.page-about-do-pic{position: relative; padding: 30px; text-align: center;}
.page-about-do-pic img{width: 100%;}
.page-about-do-content h3{position: relative; padding-bottom: 15px; margin-bottom: 28px; font-size: 24px;}
.page-about-do-content h3::before{position: absolute; bottom: 0; left: 0; content: ''; width: 40px; height: 2px; background-color: var(--mColor) ;}
.page-about-do-content p{ width: 80%; line-height:26px;font-size: 16px; color: #777;}

@media (max-width:768px) {
	.page-about-do-content,
	.page-about-do-pic{ width: 100%; display: block; padding: 0; margin-top: 35px; text-align: center;}
	.page-about-do-content h3{margin-bottom: 28px; font-size: 18px;}
	.page-about-do-content p{width: 100%;line-height:22px;font-size: 14px;}
}
.page-about-version ul li{position: relative; float: left; width: 33.33%;background-color: #eee;}
.page-about-version ul li .page-about-version-mask p{display: none;}
.page-about-version ul li:nth-child(even){ padding-top: 290px; background-color: var(--mColor); color: #fff;}
.page-about-version ul li:nth-child(odd){padding-bottom: 290px;}
.page-about-version ul li>img{width: 100%;}
.page-about-version ul li .page-about-version-mask{position: absolute;  left: 0; width: 100%; height: 50%;  display: flex; justify-content: center; align-items: center;}
.page-about-version ul li:nth-child(even) .page-about-version-mask{top: 0;}
.page-about-version ul li:nth-child(odd) .page-about-version-mask{bottom: 0;}
.page-about-version ul li .page-about-version-mask h1{padding: 10px 0; font-size: 18px;}
.page-about-version ul li .page-about-version-mask h1 span{display: block; font-size: 28px; color: #777;}
@media (max-width:1250px) {
	.page-about-version ul li:nth-child(even){ padding-top: 230px;}
	.page-about-version ul li:nth-child(odd){padding-bottom: 230px;}
}
@media (max-width:640px) {
	.page-about-version ul li,
	.case ul li{width: 100%;}
	.page-about-version ul li:nth-child(even),
	.page-about-version ul li:nth-child(odd){ padding-top: 0; padding-bottom: 100px;}
	.page-about-version ul li:nth-child(even) .page-about-version-mask,
	.page-about-version ul li:nth-child(odd) .page-about-version-mask{top: inherit;bottom: 0;}
	.page-about-version ul li .page-about-version-mask{ padding: 15px;height: auto;}
}

/*  */
.page-about-desc-txt{float: left; width:42% ;}
.page-about-desc-txt h3{padding-bottom: 5px; font-size: 20px;color: var(--mColor);}
.page-about-desc-txt h4{position: relative; margin-bottom: 10px; padding-bottom: 20px; font-size: 18px; color: #777; }
.page-about-desc-txt h4::before{position: absolute; bottom: 0; left: 0; content: ''; width: 80px; height: 2px; background-color: var(--mColor) ;}
.page-about-desc-txt p{line-height: 30px; margin-top: 5px; color: #777;font-size: 16px;}

.page-about-desc-pic{float: right; width:55% ; text-align: center;}
.page-about-desc-pic img{max-width:100%;}

@media (max-width:1000px) {
	.page-about-desc-txt{padding-top: 0;}
}
@media (max-width:860px) {
	.page-about-desc-pic{display: none;}
	.page-about-desc-txt{width: 100%;}
}

/*  */
.pagehistory-left {width: 45%;text-align: right;padding-right: 30px;}
.pagehistory-left p {color: #666;}
.pagehistory-left h1 {font-weight: 900;color:  var(--mColor);font-size: 28px;line-height: 28px;}
.pagehistory-left h3 {font-size: 18px;}
.pagehistory-right {padding-top: 150px;width: 55%;border-left: 1px solid #eee;margin-bottom: 80px;}
.pagehistory-time li {position: relative;}
.pagehistory-time li {padding-left: 40px;}

.pagehistory-time li h3 {font-size: 24px;margin-bottom: 5px;font-family: arial;font-weight: 700;color: #666;}
.pagehistory-time li h3:after {position: absolute;top: 14px;left: 0;display: block;content: '';width: 35px;height: 1px;background-color:  var(--mColor);}
.pagehistory-time li h3:before {position: absolute;top: 10px;left: -4px;display: block;content: '';width: 8px;height: 8px;border-radius: 8px;background-color:  var(--mColor);}
.pagehistory-time-cont p {float: left;width: 100%;padding: 8px 5px;font-size: 16px; color: #555;}
.pagehistory-time li:hover h3{ color:  var(--mColor);}

@media (max-width: 768px) {
	.pagehistory-right {padding-top: 45px;margin-bottom: 30px;}
	.pagehistory-left,
	.pagehistory-right {width: 100%;text-align: left;}
	.pagehistory-time-cont p {width: 100%;}
	.pagehistory-time li h3:after {width: 15px;}
	.pagehistory-time li {padding-left: 20px;}
}

/* master */
.page-about-master-list{overflow: hidden;}
.page-about-master-list ul li{position: relative; padding-left: 250px; margin-bottom: 120px;}
.page-about-master-list ul li>img{position: absolute; top: 0; left: 0; width: 200px;}
.page-about-master-list ul li h3{ font-size: 18px; color: var(--mColor);}
.page-about-master-list ul li h3 span{font-size: 14px;}
.page-about-master-list .page-about-master-tags{ margin: 20px 0; }
.page-about-master-list .page-about-master-tags p{line-height: 26px; color: #666; font-size: 16px;}
.page-about-master-list .page-about-master-content p{margin-bottom: 10px; line-height: 20px; display: none;}
.page-about-master-list .page-about-master-content a{ color: var(--mColor);}
.page-about-master-list .page-about-master-content span{display: none !important; cursor: pointer; margin-top: 15px; color: #144587;}

.about-master-show a{display: none !important;}
.page-about-master-list .page-about-master-content.about-master-show p,.page-about-master-list .page-about-master-content.about-master-show span{display: block !important;}
.page-about-master-list .page-about-master-content.about-master-show p{color: #666;}
@media (max-width:768px) {
	.page-about-master-list ul li{padding-left: 120px; margin-bottom: 45px;}
	.page-about-master-list{padding-top: 60px; }
	.page-about-master-list ul li>img{ width: 100px;}
}
@media (max-width:640px) {
	.page-about-master-list .page-about-master-tags p{font-size: 14px; line-height: 22px;}
}

/* gd */
.page-about-gd ul{margin-left: -50px;}
.page-about-gd ul li{float: left; width: 33.33%; padding-left: 50px;}
.page-about-gd-width ul li{}
.page-about-gw ul{margin-left: 0;}
.page-about-gw-width ul li{ margin: 0 8.33%;padding-left: 0;}

.page-about-gd li .page-about-gd-pic{overflow: hidden;}
.page-about-gd li .page-about-gd-pic img{width: 100%;}
.page-about-gd li h3{color: var(--mColor); padding: 25px 0; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.page-about-gd li h3 span{font-size: 12px;}
.page-about-gd-position{height: 100px; text-align: center;}
.page-about-gd-position p{ color: #777; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
@media (max-width:1000px) {
	.page-about-gd ul{margin-left: -20px;}
	.page-about-gd ul li{ padding-left: 20px;}
}
@media (max-width:768px) {
	.page-about-gw ul{margin-left: -20px;}
	.page-about-gw-width ul li{ margin: 0;padding-left: 20px;}
	.page-about-gd ul li{ width: 50%;}
	.page-about-gd li h3{color: var(--mColor); padding: 10px 0 20px; }
}
/* project */
.page-project-jb ul{margin-left: -25px;}
.page-project-jb ul li{float: left; width: 33.33%; padding-left: 25px; margin-bottom: 25px;}
.page-project-jb li a{display: block;}
.page-project-jb li a h3{margin-top: 10px; line-height: 30px; text-align: center;}
.page-project-jb .page-project-jb-pic{border-radius: 6px; overflow: hidden;}
.page-project-jb .page-project-jb-pic img{width: 100%; transition: .3s;}
.page-project-jb li a:hover .page-project-jb-pic img{transform: scale(1.1);}
/* news */
.page-news-year{position: absolute; top: 50px; left: 0; width: 120px;}
.page-news-year ul li a{ display: block;margin: 1px 0; width: 100%; line-height: 40px; font-size: 18px; background-color: #eee;  text-align: center; }
.page-news-year ul li a.on,
.page-news-year ul li a:hover{background-color: var(--mColor); color: #fff; font-weight: bold;}

.page-news-list{padding-left: 150px;}
.page-news-list ul li a{display: block; padding-bottom: 25px; border-bottom: 1px solid #eee;}
.page-news-list ul li h3{color: var(--mColor);}
.page-news-list .page-news-time{padding: 10px 0 25px; color: #999;}
.page-news-list ul li p{margin-bottom: 25px; color: #777;}
.page-news-list ul li span{display: inline-block; padding: 0 25px; line-height: 35px; background-color: var(--mColor); color: #fff; border-radius: 4px;}

.page-news-more{padding-top: 50px; text-align: center;}
.page-news-more a{display: inline-block; padding:0 25px; line-height: 30px; border:1px solid var(--mColor) ; color: var(--mColor); border-radius: 4px;}

@media (max-width:768px) {
	.page-news-year{top: 20px; width: 60px;}
	.page-news-list{padding-left: 80px;}
}

/* our */
.page-ourdesc-title{margin-bottom: 25px; text-align: center;}
.page-ourdesc-title h3{margin-bottom: 15px; font-size: 20px;}
.page-ourdesc-title p{color: var(--mColor);font-size: 18px;}
.page-ourdesc li{display: table;}
.page-ourdesc-content,
.page-ourdesc-pic{ width: 50%;display: table-cell; vertical-align: middle;overflow: hidden;}
.page-ourdesc-pic{position: relative;  text-align: center;}
.page-ourdesc-pic img{width: 100%;}
.page-ourdesc-content{padding: 30px;}
.page-ourdesc-content h3{margin-bottom: 28px; font-size: 20px;}
.page-ourdesc-content p{  line-height:26px;font-size: 13px; color: #777;}

.page-ourdesc-pic-ctrl-m{display: none;}
@media (max-width:768px) {
	.page-ourdesc li{display: block;}
	.page-ourdesc-content,
	.page-ourdesc-pic{ width: 100%; display: block; text-align: center;}
	.page-ourdesc-content p{width: 100%}
	.page-ourdesc-pic-ctrl-m{display: block;}
	.page-ourdesc-pic-ctrl-p{display: none;}
}

/*  */
.mySwiper-box{overflow: hidden;}
.mySwiper {width: 100%; height: 100%; margin: auto;position: relative; padding-bottom: 40px;}
.mySwiper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.mySwiper .swiper-pagination-bullet{width: 30px!important; border-radius: 10px; }
.mySwiper .swiper-pagination-bullet-active{background: var(--mColor)!important;}

.page-ouractive-left{position: relative; float: left; width: 50%; height: 600px; background-color: #f5f5f5;}
.page-ouractive-right{float: left; width: 50%;}
.page-ouractive-right ul li{position: relative; width: 50%; float: left; height: 300px; background-color: #ccc;}

.page-ouractive-left-mask{position: absolute; top: 0; left: 0; padding: 30px; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); color: #fff; transition: all .3s;}
.page-ouractive-left-mask h3{color: #fff; margin-bottom: 15px;}
.page-ouractive-left-mask p{color: #fff;}
.page-ouractive-left-mask2{background-color: rgba(20,69,135,.7);}
.page-ouractive-left:hover .page-ouractive-left-mask,.page-ouractive-right ul li:hover .page-ouractive-left-mask{display: none;}


@media (max-width:768px) {
	.page-ouractive-left{width: 100%; height: 300px;}
	.page-ouractive-right{width: 100%;}
}
/* join */

.x-search{position: relative; margin-bottom:50px;}
.x-search input{display: block; width:100%; padding-left: 15px; padding-right: 140px; font-size: 16px;height: 40px; line-height: 40px; border: 1px solid var(--mColor)}
.x-search button{position: absolute; top: 0; right: 0; display: block; width: 120px; height: 40px;line-height: 40px; font-size: 16px; background-color: var(--mColor)  ; color: #fff; cursor: pointer;}

.join-list li{box-shadow: 0 0 5px rgba(0,0,0,.1); margin-bottom: 15px; }
.join-itme{padding: 15px 25px; border-bottom: 1px solid #f5f5f5; font-size: 14px; background-color: #f5f5f5; color: #666; cursor: pointer; transition: .3s }
.join-itme .join-name{float: left; width: 40%; font-size: 16px;}
.join-itme .join-address{float: left; width: 25%;font-size: 16px;}
.join-itme .join-arr{float: right; }
.join-itme .join-arr i{display: block; width: 13px; height: 13px; border-bottom: 1px solid #ccc;border-right: 1px solid #ccc; transform: translateY(0) rotate(45deg); transition: .3s;}

.join-list .join-itme{background-color: #fff;}
.join-list .join-content{padding: 15px; display: none;}
.join-list .join-content h3{margin-bottom: 15px;}
.join-list .join-content p{margin-bottom: 10px; color: #777;}

.join-show .join-content a{margin-top: 15px; display: inline-block; padding:0 25px; line-height: 35px; background-color: var(--mColor); color: #fff; border-radius: 4px;}
.join-show .join-content a:hover{opacity: .7;}
.join-show .join-content{display: block;}
.join-show .join-itme{border-color: var(--mColor); box-shadow: 0 -60px 0  var(--mColor) inset;;}
.join-show .join-name,
.join-show .join-address{color: #fff; }
.join-show .join-arr i{border: none; border-top: 1px solid #ccc;border-left: 1px solid #ccc;transform: translateY(7px) rotate(45deg);}




/* contact */
.page-contact-address ul li{float: left; width: 50%; padding: 40px;}
.page-contact-address ul li h3{font-size: 20px; padding-left: 80px;}
.page-contact-address ul li:first-child{background-color: #f9f9f9;}
.page-contact-address ul li:last-child{background-color: #eee;}
.page-contact-address ul li p{position: relative; height: 58px; padding-left: 80px; line-height: 24px; font-size: 16px; margin-top: 25px; display: flex; align-items: center; word-wrap:break-word;}
.page-contact-address ul li:last-child p:nth-child(2){align-items: flex-start;}

.page-contact-address ul li p img{position: absolute; top: 0; left: 0;}
#map{width: 100%; height: 350px; margin-bottom: 100px;}

@media (max-width:1000px) {
	.page-contact-address ul li{ width: 100%; padding: 15px;}
}

@media (max-width:640px) {
	#map{height: 250px; margin-bottom: 50px;}
}
/* message-list */
.page-message-list{overflow: hidden;}
.page-message-list ul{margin-left: -20px;}
.page-message-list ul li{float: left; width: 33.33%; padding-left: 20px;}
.page-message-list ul li a{position: relative; display: block;overflow: hidden; border-radius: 6px;}
.page-message-list ul li img{width: 100%;}
.page-message-list .page-message-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); display: flex; align-items: center; justify-content: center; color: #ffff; text-transform: uppercase;}
.page-message-list ul li a:hover .page-message-mask{background-color: rgba(20, 69, 135,.7);}
@media (max-width:640px) {
	.page-message-list ul li{ width: 50%; margin-bottom: 20px;}
}
/* message */
.page-message-title h3{margin-bottom: 15px; font-size: 20px;}
.page-message-title p{color: #777;}
.page-message-form{padding-bottom: 50px;}
.input-grounp{ position: relative; width: 100%;}
.input-grounp label{display: block; padding-top: 20px; line-height: 30px; color: #777;}
.input-grounp label i{color:red;}
.input-grounp input[type="text"]{display: block; width: 100%; padding:0 15px; line-height: 40px; background-color: #f5f5f5; border-radius: 6px;}
.input-grounp-w2 .input-grounp {float: left; width: 49%;}
.input-grounp-w2 .input-grounp:last-child{float: right;}

.input-checkbox{position: relative; margin-top: 45px; height: 20px;line-height: 20px; color: #777;}
.input-checkbox input[type="checkbox"] {position: absolute;left: 0;top: 0;width: 16px;height: 16px;opacity: 0;}
.input-checkbox label {position: absolute;top: 0;left: 20px;height: 20px;}
.input-checkbox label:before {content: '';position: absolute;top: 2px;left: -20px;width: 16px;height: 16px;border: 1px solid #ddd;border-radius: 4px;transition: all 0.3s ease;}
.input-checkbox label:after {content: '';position: absolute;left: -13px;top: 5px;width: 3px;height: 8px;border: 0;border-right: 1px solid #fff;border-bottom: 1px solid #fff;background: none;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.input-checkbox input[type="checkbox"]:checked + label:before {background:var(--mColor);border-color:var(--mColor);}
.input-checkbox input[type="checkbox"]:checked + label:after {background:var(--mColor);}

.page-message-form button{margin-top: 45px; display: inline-block; padding: 0 45px; line-height: 40px; color: #fff; font-size: 16px; color: #fff; background-color: var(--mColor);border-radius: 4px;}

@media (max-width:640px) {
	.input-grounp label{display: block; padding-top: 10px;}
	.input-grounp-w2 .input-grounp {width: 100%;}
	.input-checkbox{ margin: 15px 0;}
}