@charset "utf-8";
.swiper-pagination-bullet-active { background-color:#F4C117; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:60px; }
body{ font-family:"微软雅黑","arial","sans-serif"; color:#333; font-size:14px; line-height:2; }
a { text-decoration:none; color:#333; blr:expression(this.onFocus=this.blur()); outline: none; }

a:hover { color:#316DBF; }

a:hover { text-decoration:none; -moz-transition-duration: 0.2s;-webkit-transition-duration: 0.2s;-o-transition-duration: 0.2s; transition-duration:0.2s;  -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity; -o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity;  transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity; }

.full { width:expression(document.body.clientWidth <= 1200? "1200px": "auto");;min-width:1200px; }

.clear { clear:both; }

.red { color:#CB1500; }

.yellow { color:#F0FF00; }

.gray { color:#999; }

.space10 { clear:both; height:10px; overflow:hidden; }

.space20 { clear:both; height:20px; overflow:hidden; }

.f20 { font-size:20px; }

.f16 { font-size:16px; }

.pzoom { overflow:hidden; }

.pzoom img { transition: all 0.3s; }

a:hover .pzoom img { transform: scale(1.2); }





.btn-primary { background-color:#FF9900; border-color:#FF9900; }

	.btn-primary:hover { background-color:#FF9900; border-color:#FF9900; }

/**/





/* head ,footer */

.top { height:60px; }

.top .container {   }

.top-logo { padding:15px 0 0 5px; }

	.top-logo img { max-width:80%; max-height:80%; }

.top-menu { padding:0px; height:60px; width:15%; }

	.top-menu-c { background-image:linear-gradient(to bottom,#51AAEC 0px,#316DBF 100%); background-repeat:repeat-y; background-position:left top; height:60px; line-height:60px; color:#FFF; text-align:center; }

	.top-menu-c i { font-size:30px; background:url('../images/ico-menu.png') no-repeat center center; background-size:40% 40%; display:block; width:100%; height:100%;  }

	

nav { line-height:20px; position:relative; z-index:1; font-size:18px; margin:60px 0 0; clear:both; }

	nav ul { margin:0; padding:0; width:100%; }

	nav li { margin:0px; padding:0 0px; height:auto; }

.top-nav { position:fixed; top:0px; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99999; padding-top:10px; font-size:14px; display: none;}

.top-nav ul { padding:0px 0 0; }

.top-nav li { padding:0 10px; margin:0; list-style-type:none; border-bottom:1px solid rgba(255,255,255,0.2) }

.top-nav li a { display:block; width:100%; text-align:left; padding-top:0px; padding-left:20px; height:40px; line-height:40px; color:#FFF; }

.top-nav li a span { display:inline-block; width:50px; height:50px; background-size:auto 25px; border-radius:25px; }

	.top-nav li li { padding:0 0 0 15px; border:none; display: inline-block;}

.top-nav li:nth-child(1) { animation-name:menu0; animation: menu0 0.3s ease 0s normal none; -moz-animation: menu0 0.3s ease 0s normal none; -webkit-animation: menu0 0.3s ease 0s normal none; -o-animation: menu0 0.3s ease 0s normal none; }

.top-nav li:nth-child(2) { animation-name:menu0; animation: menu0 0.5s ease 0s normal none; -moz-animation: menu0 0.5s ease 0s normal none; -webkit-animation: menu0 0.5s ease 0s normal none; -o-animation: menu0 0.5s ease 0s normal none; }

.top-nav li:nth-child(3) { animation-name:menu0; animation: menu0 0.7s ease 0s normal none; -moz-animation: menu0 0.7s ease 0s normal none; -webkit-animation: menu0 0.7s ease 0s normal none; -o-animation: menu0 0.7s ease 0s normal none; }

.top-nav li:nth-child(4) { animation-name:menu0;  animation: menu0 0.9s ease 0s normal none; -moz-animation: menu0 0.9s ease 0s normal none; -webkit-animation: menu0 0.9s ease 0s normal none; -o-animation: menu0 0.9s ease 0s normal none; }

.top-nav li:nth-child(5) { animation-name:menu0; animation: menu0 1.2s ease 0s normal none; -moz-animation: menu0 1.1s ease 0s normal none; -webkit-animation: menu0 1.1s ease 0s normal none; -o-animation: menu0 1.1s ease 0s normal none; }

.top-nav li:nth-child(6) { animation-name:menu0; animation: menu0 1.3s ease 0s normal none; -moz-animation: menu0 1.3s ease 0s normal none; -webkit-animation: menu0 1.3s ease 0s normal none; -o-animation: menu0 1.3s ease 0s normal none; }

.top-nav li:nth-child(7) { animation-name:menu0; animation: menu0 1.5s ease 0s normal none; -moz-animation: menu0 1.5s ease 0s normal none; -webkit-animation: menu0 1.5s ease 0s normal none; -o-animation: menu0 1.5s ease 0s normal none; }

.top-nav li:nth-child(8) { animation-name:menu0; animation: menu0 1.7s ease 0s normal none; -moz-animation: menu0 1.7s ease 0s normal none; -webkit-animation: menu0 1.7s ease 0s normal none; -o-animation: menu0 1.7s ease 0s normal none; }

.top-nav li:nth-child(9) { animation-name:menu0; animation: menu0 1.9s ease 0s normal none; -moz-animation: menu0 1.9s ease 0s normal none; -webkit-animation: menu0 1.9s ease 0s normal none; -o-animation: menu0 1.9s ease 0s normal none; }

@-webkit-keyframes menu0{from{opacity:0;right:-500px;} to{opacity:1;right:0px;} }

@-moz-keyframes menu0{from{opacity:0;right:-500px;} to{opacity:1;right:0px;} }

@keyframes menu0{from{opacity:0;right:-500px;} to{opacity:1;right:0px;} }





.index-footer { background:#333; color:#AAA; padding:10px 0 10px; border-top:1px solid rgba(255,255,255,0.2); }

	.index-footer a { color:#AAA; }

	.footer-contact { padding:0px 15px 0px 0px; line-height:2em; color:#FFF; font-size:14px; }

		.footer-contact i { margin:0 5px 0 0; font-size:18px; text-align:center; }

	.footer-qr { padding:0px 0px 0px 0px; text-align:center; }

		.footer-qr img { width:90%; background:#FFF; padding:5px; }

		.footer-qr p { padding:0px 0px 0 0;  margin:0; background:#FFF; color:#666; }

	.footer-copyright { padding:10px 0 50px; text-align:center; font-size:12px; color:#CCC; }

	.footer-link a { display:inline-block; padding-right:10px; color:#CCC; }

	.footer-link a:after { content:'|'; width:auto; text-align:center; background:none; float: right; font-size:12px; margin-left:10px; }

	.footer-link a:last-child:after { display:none; }

.friendlinks { background:#316DBF; color:#FFF; padding:0; font-size:14px; }

	.friendlinks .container { padding:0; }

	.friendlinks-type { border-left:1px solid rgba(255,255,255,0.2);  }

	.friendlinks-type ul { list-style-type:none; margin:0; padding:0; }

	.friendlinks-type li { text-align:left; line-height:50px; border-right:1px solid rgba(255,255,255,0.2); cursor:pointer; padding:0 10px; }

	.friendlinks-type li.active { background:#295CA0; }

	.friendlinks-type li i { float:right; font-size:22px; }

	.friendlinks-type li.active i { animation-name:arrowmove; animation: arrowmove 0.8s ease 0s normal none; -moz-animation: arrowmove 0.8s ease 0s normal none; -webkit-animation: arrowmove 0.8s ease 0s normal none; -o-animation: arrowmove 0.8s ease 0s normal none; }

.friendlinks-c { padding:0px 0; }

	.friendlinks-box { display:none; padding:10px 0; list-style-type:none; margin:0 0 0 -15px; }

	.friendlinks-box li { padding:0px 0 10px 10px; display:inline-block; margin-left:10px; }

	.friendlinks-c a { color:#666; font-size:14px; display:block; padding:0 0px 0px; line-height:1.3em; text-align:center; }

	.friendlinks-c a:hover { background:#316DBF; color:#FFF; }

@-webkit-keyframes arrowmove{from{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} to{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);} }

@-moz-keyframes arrowmove{from{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} to{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);} }

@keyframes arrowmove{from{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} to{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);} }

footer { background:#FFF; position:fixed; bottom:0; left:0; width:100%; z-index:99; -webkit-box-shadow: 0px 1px 5px 1px rgba(50,50,50,0.1); -moz-box-shadow: 0px 1px 5px 1px rgba(50,50,50,0.1); box-shadow: 0px 1px 5px 1px rgba(50,50,50,0.1); }

	.footer-col { border-right:1px solid #DDD; height:50px; }

	.footer-col:last-child { border-right:none; }

	.footer-col a { display:block; width:100%; text-align:center; padding:2px 0 0; font-size:12px; line-height:1.8em; }

	.footer-col a i { display:block; font-size:20px; color:#316DBF; }





/* pages */

.page-turner { padding:20px 10px 0; font-family:Verdana, Geneva, sans-serif; }

	.page_btn { display:inline-block; background-color:#FFF; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px; }

	.page_cur { display:inline-block; background-color:#316DBF; border:1px solid #316DBF; color:#FFF; width:auto; padding:0 12px; line-height:35px; margin:0 2px; border-radius:0px; }

	.page_disable { display:inline-block; background-color:#F7F7F7; border:1px solid #EEE; width:auto; padding:0 12px; line-height:35px; color:#333; margin:0 2px; border-radius:0px;}







/*index*/

.index-banner { width:100%; z-index:-1; overflow:hidden; }

	.index-banner .swiper-wrapper { z-index:-1; }

	.banner-container a { display:block; width:100%; overflow:hidden; }

	.banner-container img { width:100%; }

	.index-banner .swiper-pagination { bottom:10px; }

	.swiper-pagination-bullet { opacity:0.5;}

	.swiper-pagination-bullet-active { background-color:#316DBF; opacity:1; }

	.index-banner .swiper-button-next { background-image:url('../images/right.png'); }

	.index-banner .swiper-button-prev { background-image:url('../images/left.png'); }

	.index-banner .swiper-slide-active img { animation-name:slidescale; animation: slidescale 9s ease 0s normal none; -moz-animation: slidescale 9s ease 0s normal none; -webkit-animation: slidescale 9s ease 0s normal none; -o-animation: slidescale 9s ease 0s normal none; }

@-webkit-keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }

@-moz-keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }

@keyframes slidescale{from{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);    -o-transform: scale(1.1);} to{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);} }





.index-title { padding:0px 0px 0px; margin:0 auto 10px; position: relative; text-align:center; }

	.index-title h2 { margin:-20px 0 0px; padding:0 0px 0; font-size:28px; line-height:1em; color:#000; font-weight:bolder;  width:auto;  }

	.index-title small { color:rgba(50,109,191,0.2); font-weight:900; font-size:32px; font-family:"Times New Roman"; line-height:0.6em; }

.index-title-type { text-align:center; margin-bottom:10px; position:relative; z-index:1; }

	.index-title-type a { display:inline-block; width:auto; padding:0 20px; font-size:20px; font-weight:700; line-height:32px; }

	.index-title-type a:after { content:''; display:block; width:30px; height:30px; margin:0 auto; background:#FFF url('../images/icon-dot2.png') no-repeat center center; }

	.index-title-type a.active,.index-title-type a:hover { color:#316CBF; }

	.index-title-type a.active:after,.index-title-type a:hover:after { background-image:url('../images/icon-dot.png'); }

	.index-more { padding:0px 0; }

	.index-more a { display:inline-block; height:50px; color:#2C5FA6; font-size:16px; text-align:center;  line-height:50px; }

	.index-more a:hover { color:#316DBF; }

	.index-more a i { margin-left:5px; margin-right:5px; background:#2C5FA6; display:inline-block; width:20px; height:20px; border-radius:10px; color:#FFF; font-size:16px; text-align:center; line-height:20px; }

	.index-more a:hover i { background:#316DBF; margin-right:0px; }





.index-news { padding:20px 0; position:relative; overflow:hidden; }

	.index-news .index-title:after { content:''; position:absolute; left:0; bottom:-47px; width:100%; background:#EEE; height:2px; z-index:0; }

	.index-news .container { padding:0px 12px; position:relative; }

	.index-news .index-title-type {}

	.index-news-content-c {  }

	.index-news-pic { padding:0px 0px 0 0; }

		.index-news-pic a { display:block; width:100%; position:relative; background:#EEE; padding-bottom:15px; } 

		.index-news-pic .pzoom { width:100%; height:0; padding-bottom:63.3%; margin:0 auto 10px; position: relative; overflow: hidden; }

		.index-news-pic .pzoom .pic-box { width:100%; height:100%; position: absolute; }

		.index-news-pic .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }

		.index-news-pic h3 { color:#316CBF; height:30px; line-height:30px; padding:0 10px; margin:0; overflow:hidden; font-size:18px; font-weight:bold; }

		.index-news-pic small { color:#333; height:2.8em; line-height:1.4em; padding:0 60px 0 10px; margin:0; overflow:hidden; font-size:14px; display:block; text-align:justify; }

		.index-news-pic .item-more { display:block; float:right; width:30px; height:30px; line-height:30px; background:#DDD; border-radius:15px; text-align:center; font-size:24px; color:#333; margin:-35px 10px 0 0px; } 

		.index-news-pic a:hover { background:#306DBE; } 

		.index-news-pic a:hover h3 { color:#FFF; } 

		.index-news-pic a:hover small { color:rgba(255,255,255,0.8); } 

		.index-news-pic a:hover .item-more { background:#FFF; margin-right:15px; } 

	.index-news-box {  padding:10px 0 0 0px; }

	.index-news-c { margin:0; padding:0; list-style-type:none; }

	.index-news-c li { margin:0px; padding:0px 0 13px; clear:both; }

	.index-news-c li a { display:block; width:100%; position:relative; border:1px solid #DDD; padding:15px 10px; }

	.index-news-c li a:hover { border-color:#306DBE; background:#306DBE; }

	.index-news-c li h3 { font-size:16px; margin:0 0 7px; color:#333; font-weight:bold; line-height: 1.4em; }

	.index-news-c li small { font-size:14px; overflow:hidden; line-height:1.4em; height:2.8em; color:#666; display:block; text-align:justify; padding:0 10px 0px 0; }

	.index-news-c li .item-more { display:block; float:right; width:30px; height:30px; line-height:28px; border:1px solid #DDD; border-radius:15px; text-align:center; font-size:20px; color:#666; margin:-45px 0px 0 0px; display:none; } 

	.index-news-c li .item-time { color:#306DBE; font-size:14px; line-height:1em; margin-bottom:10px; }

	.index-news-c li .item-time i { color:#CCC; font-size:18px; margin-right:5px; }

	.index-news-c li:hover h3,.index-news-c li:hover .item-time,.index-news-c li:hover .item-time i { color:#FFF; }

	.index-news-c li:hover small { color:rgba(255,255,255,0.8); }

	.index-news-c li:hover .item-more { background:#FFF; border-color:#FFF; margin-right:-5px; }

	.index-news-c li.col-xs-6 { clear:none; float:left; padding:0 5px 10px 0; }

	.index-news-c li.col-xs-6:nth-child(2) { clear:none; float:left; padding:0 0px 10px 5px; }

	.index-news-c li.col-xs-6 a { border:none; padding:0; height:110px; } 

	.index-news-c li .pzoom { width:100%; height:110px; margin:0 auto; position: relative; overflow: hidden; }

	.index-news-c li .pzoom .pic-box { width:100%; height:100%; position: absolute; }

	.index-news-c li .pzoom .pic-box img { width:100%; height: 110px; }

	.index-news-c li.col-xs-6 h3 { font-size:14px; margin:0; color:#FFF; font-weight:normal; width:100%; position:absolute; bottom:0; left:0; background:rgba(51,51,51,0.8); text-align:center; padding:0 10px; height:30px; line-height:30px; overflow:hidden; }

	.index-news-c li.col-xs-6 a:hover h3 { background:#306DBE; }





.index-business { padding:50px 10px 70px; background: url('../images/bg2.png') no-repeat center top; background-size:100% 100%; }

	.index-business .index-title { text-align:center; }

		.index-business .index-title h2 { color:#FFF; }

		.index-business .index-title small { color:rgba(255,255,255,0.2); font-size:26px; }

	.index-business .index-title-type { text-align:center; position:relative; margin:0 0 0 -10px; }

		.index-business .index-title-type:before { content:''; position:absolute; left:0; top:15px; width:93%; margin-left:5%; background:rgba(255,255,255,0.3); height:2px; }

		.index-business .index-title-type dl { list-style-type:none; margin:0px; padding:0; }

		.index-business .index-title-type a { color:#FFF; padding:0; }

		.index-business .index-title-type dd { margin-top:15px; padding-left:10px; }

		.index-business .index-title-type dt a:before { content:''; display:block; width:30px; height:30px; margin:0 auto; background:url('../images/icon-dot3.png') no-repeat center center; background-size:50%; }

		.index-business .index-title-type a:after { display:none; }

		.index-business .index-title-type dd .pzoom { width:100%; height:0; padding-bottom:67.2%; margin:0px 0 0 0; position: relative; overflow: hidden; border-radius:6px; -webkit-box-shadow: 0px 2px 7px 3px rgba(255,255,255,0.3); -moz-box-shadow: 0px 2px 7px 3px rgba(255,255,255,0.3); box-shadow: 0px 2px 7px 3px rgba(255,255,255,0.3); }

		.index-business .index-title-type dd .pzoom .pic-box { width:100%; height: 100%; position: absolute; }

		.index-business .index-title-type dd .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }

		.index-business .index-title-type dl:nth-child(1) { margin-left:0%; margin-right:0%;  }

		.index-business .index-title-type dl:nth-child(2) dd { margin-top:40px; }

		.index-business .index-title-type dl:nth-child(3) { margin-right:0%; margin-left:0%; }

	

	

.index-case { padding:20px 10px; }

	.index-case .index-title { text-align:center; padding-bottom:20px; }

	.index-case-c { width:100%; overflow:hidden; position:relative; padding-top:20px; }

  	.index-case-list ul { list-style-type: none; margin:0 0 0 -10px; padding:0 0px 0 0; }

  .index-case-list li { text-align: center; padding:0 0px 0px 10px; }

  .index-case-list li a { display:block; position:relative; margin-bottom:12px; }

  .index-case-list li .pzoom { width:100%; height:0; padding-bottom:61.5%; margin:0 auto; position: relative; overflow: hidden; }

	.index-case-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; }

	.index-case-list .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }

  .index-case-list li h3 {  height:30px; line-height:30px; font-size:14px; text-align:left; margin: 0; background:rgba(0,0,0,0.5); color:#FFF; width:100%; padding:0 10px; position:absolute; bottom:0; left:0; }

  .index-case-list li h3 span { font-size:14px; margin-right:10px; }

  .index-case-list li h3 span:after { content:'|'; margin-left:10px; }

  .index-case-c .swiper-pagination { bottom:auto; top:0px; }

  .index-case-c .swiper-pagination:before { content:''; position:absolute; left:35%; top:15px; width:30%; background:#EEE; height:2px; z-index:-1; }

  .index-case-c .swiper-pagination .swiper-pagination-bullet { width:30px; height:30px; margin:0 auto; background:#FFF url('../images/icon-dot2.png') no-repeat center center; opacity: 1; }

  .index-case-c .swiper-pagination .swiper-pagination-bullet-active { background:#FFF url('../images/icon-dot.png') no-repeat center center; }

  .index-case .index-more { text-align:center; }

  



.index-about { padding:0px 0 20px; position:relative; overflow:hidden; }

	.index-about .container {  padding:0px 10px; z-index:1; }

	.index-about .index-title { text-align:left; }

	.index-about-pic { padding:10px 30px 0 0; position:relative; z-index:0; margin-top:0px; }

		.index-about-pic:before { content:''; width:80%; height:90%; border:2px solid #316DBF; display:block; position:absolute; right:20px; top:0; z-index:0; }

		.index-about-pic img { position:relative; z-index:1; max-width:100%; }

	

	.index-about-box { margin:0 0 0 0px; padding:0px 0px 0px 0px; }

	.index-about .index-more { float:right; }

	.about-container { font-size:14px; line-height:1.5em; height:15em; overflow:hidden; color:#333; text-align:justify; }

	.about-link { clear:both; margin-left:-10px; padding-top:15px; }

	.about-link a { font-size:14px; font-weight:bold; color:#316DBF; line-height:50px; margin-bottom:10px; padding:0 0 0 10px; }

	.about-link a span { width:40px; height:47px; background:#316DBF; clip-path: polygon(50% 0, 100% 27%, 100% 73%, 50% 100%, 0 73%, 0 27%); background:#DDD; display:block; float:left; margin-right:10px; padding:1px; transform:perspective(200px) rotateY(0deg); transition:all 1s ease; }

	.about-link a i { width:38px; height:48px; display:flex; align-items:center; justify-content:center; overflow: hidden; clip-path: polygon(50% 0, 100% 27%, 100% 73%, 50% 100%, 0 73%, 0 27%); background:#316DBF; color:#FFF; font-size:20px; }



	









/* css of sub pages */

.subpage .top { background:#FFF; }

.subpage nav .nav>li>a{ color:#333; }

	.subpage nav .nav>li>a:after { color:#999;  }

	.subpage nav .nav-pills>li.active:hover>a,.subpage nav .nav>li:hover>a { color:#FFF; }

	

.sub-banner { position:relative; }

	.sub-banner img { width:100%; }

.sub-title-type { text-align:center; margin-bottom:10px; position:relative; z-index:1; }

	.sub-title-type:before { content:''; position:absolute; right:0; bottom:15px; width:100%; background:#EEE; height:2px; z-index:0; }

	.sub-title-type a { padding:0 5px; font-size:14px; line-height:32px; }

	.sub-title-type a:after { content:''; display:block; width:30px; height:30px; margin:0 auto; background:#FFF url('../images/icon-dot2.png') no-repeat center center; position:relative; z-index:1; }

	.sub-title-type a.active,.sub-title-type a:hover { color:#316CBF; }

	.sub-title-type a.active:after,.sub-title-type a:hover:after { background-image:url('../images/icon-dot.png'); }

.sub-type { float:right; width:auto; padding:0 0px 0 0; margin:-100px 0 ; height:50px; font-size:20px; color:#333; font-weight:bold; }

	.sub-type-c { text-align:left; }

	.sub-type-c a { display:inline-block; float:left; width:auto; padding:0 40px; height:50px; line-height:50px; text-align:center; font-size:16px; }

	.sub-type-c a.active,.sub-type a:hover { background-color:#FF9900; color:#FFF; }





.dir { height:50px; line-height:50px; color:#999; border-bottom:1px solid #EEE; background:#EEE; }

.dir .container { }

.dir a { color:#999; }

.position { text-align:left; color:#666; }

	.position a { color:#666; }

	.position a:last-child, .position i { color:#FF9900; }





.sub-main { padding:20px 0 20px; margin-top:0px; }

	.sub-main .container { position:relative; }

	.sub-main .dir { background:#FFF; margin-bottom:15px; }



	.sub-title { padding:0px 0px 0; text-align:center; margin-bottom:20px; }

	.sub-title h1 { font-size:24px; color:#333; width:auto; padding:10px 20px; margin:0; font-weight:bold; }

	.sub-title h1:after { content:''; background:#316CBF; display: block; width:50px; height: 3px; margin:10px auto 0; }

	.sub-info { text-align:center; color: #999; padding: 0 0 20px;}

	h1.title { text-align:center; font-size:20px; margin:0; padding:20px 15px 10px; line-height:1.4em; }

	.sub-main article { height:auto; font-size:14px; line-height:2em; }

	.sub-main article p { margin:0; }

	.sub-main article img { max-width:100%; margin:10px 0; }

	.article-relative { border-top:1px solid #DDD; padding-top:15px; color:#666; margin-top: 50px; }

	.article-relative-item { padding:10px 0; line-height:20px; overflow:hidden; height:30px; }

	.article-relative-item i { display:block; float:left; width:20px; height:20px; line-height:20px; background:#316DBF; color:#FFF; border-radius:10px; text-align:center; font-size:14px; margin:0px 10px 0 0px; } 

		



.news-list { margin:0px 0 0px 0px; padding:0; list-style-type:none; }

		.news-list li { margin:0; padding:0px 0px; border-bottom:1px dashed #DDD; }

		.news-list li a { display:block; width:100%; padding:15px 0px; }

		.news-list li .list-item-pic { padding-left:0; padding-right:15px; padding-top:6px; }

		.news-list li .pzoom { width:100%; height:0; padding-bottom:63.3%; margin:0 auto 5px; position: relative; overflow: hidden; }

		.news-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; }

		.news-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }

		.news-list li h3 { font-size:16px; margin:0 0 5px; padding:0px 0 0px 0px; line-height:1.5em; height:1.5em; overflow:hidden; color:#333; }

		.news-list li:hover h3 { color:#316CBF; }

		.news-list li small { font-size:14px; display: block; color:#666; padding:0px; line-height:1.4em; max-height:2.8em; overflow: hidden; margin-bottom: 10px; text-align:justify; }

		.news-list li .item-time { color:#999; font-size:12px; line-height:1em; margin-bottom:5px; }

		.news-list li .item-time i { color:#CCC; font-size:16px; margin-right:5px; }

		.news-list .item-more { font-size:14px; color:#316CBF; float:right; line-height:18px; } 

		.news-list .item-more i { display:block; float:right; width:20px; height:20px; line-height:18px; background:#316DBF; color:#FFF; border-radius:10px; text-align:center; font-size:16px; margin:0px 0px 0 5px; } 





.photo-list { margin:10px 0 0 -15px; padding:0; list-style-type:none; }

	.photo-list li { padding:0px 0px 20px 15px; margin: 0; }

	.photo-list li a { display:block; width:100%; background:#FFF; position:relative; padding-bottom:15px; }

	.photo-list li a:after { content:''; width:100%; height:3px; left:0; bottom:0; position:absolute; background:#CCC; }

	.photo-list li .pzoom { width:100%; height:0; padding-bottom:67.6%; margin:0 auto 10px; position: relative; overflow: hidden; }

	.photo-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; }

	.photo-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }

	.photo-list li h3 {  max-height:2.8em; line-height:1.4em; font-size:14px; text-align:justify; margin: 0 0 10px; color:#333; overflow:hidden; }

	.photo-list li .item-time { color:#999; font-size:12px; line-height:1em; }

	.photo-list li .item-time i { color:#CCC; font-size:16px; margin-right:5px; }

	.photo-list li a:hover {  border-color:#316DBF; }

	.photo-list li a:hover h3 { color:#316DBF; }

	.photo-list li a:hover:after { background:#316DBF; animation-name:linemove; animation: linemove 0.8s ease 0s normal none; -moz-animation: linemove 0.8s ease 0s normal none; -webkit-animation: linemove 0.8s ease 0s normal none; -o-animation: linemove 0.8s ease 0s normal none; }

@-webkit-keyframes linemove{from{width:0;} to{width:100%;} }

@-moz-keyframes linemove{from{width:0;} to{width:100%;} }

@keyframes linemove{from{width:0;} to{width:100%;}}



.notice-list { margin:10px 0 20px 0px; padding:0; list-style-type:none; }

	.notice-list li { margin:0; padding:15px 0px 10px; }

	.notice-list li a { display:block; width:100%; padding:0px 0px; }

	.notice-list li h3 { font-size:16px; margin:0 0 5px; padding:0px 0 0px 0px; line-height:1.4em; height:1.4em; overflow:hidden; color:#333; }

	.notice-list li:hover h3 { color:#316CBF; }

	.notice-list li small { font-size:12px; display: block; color:#999; padding:0px; line-height:1.4em; max-height:2.8em; overflow: hidden; margin-bottom: 10px; text-align:justify; }

	.notice-list li .item-time { color:#999; font-size:12px; border:1px solid #EEE; text-align:center; padding:5px 3px; margin-right:10px; width:20%; }

	.notice-list li .item-time i { color:#666; font-size:18px; margin-bottom:10px; border-bottom:1px solid #EEE; font-style:normal; display:block; line-height:1.5em; }

	.notice-list .item-more { font-size:14px; color:#316CBF; float:right; line-height:18px; } 

	.notice-list .item-more i { display:block; float:right; width:20px; height:20px; line-height:18px; background:#316DBF; color:#FFF; border-radius:10px; text-align:center; font-size:16px; margin:0px 0px 0 5px; } 

	.notice-list li:hover .item-time { border-color:#316CBF; }



.hr { padding:20px 0; }

	.hr-pic { width:100%; height:auto; }

	.hr-pic img { width:100%; margin:0; height:auto; }

	.hr-c { line-height:1.5em; font-size:14px; padding:15px 0 0; }

	.hr-c h5 { color:#316CBF; font-size:16px; margin:0 0 10px; padding:0; font-weight:bold; }



.case-list ul { margin:0 0 0 -40px; padding:0; list-style-type:none; }

	.case-list li { padding:0px 0 100px 40px; margin: 0; }

	.case-list li a { display:block; width:100%; background:#FFF; padding:20px; -webkit-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); }

	.case-list li a:hover { -webkit-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); -moz-box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); box-shadow: 0px 5px 10px 3px rgba(40,40,40,0.1); }

	.case-list li .pzoom { width:100%; height:0; padding-bottom:67%; margin:0 auto 5px; position: relative; overflow: hidden; }

	.case-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; }

	.case-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }

	.case-list li h3 {  height:30px; line-height:30px; font-size:18px; text-align:center; margin: 0; }

	.case-list li .case-more { width:160px; height:50px; text-align: center; margin: 10px auto; border:1px solid #FF9900; color:#FF9900; font-size:16px; line-height: 50px; }

	.case-list li a:hover .case-more { color:#FFF; background:#316CBF; }





.contact-c { text-align:left; padding:50px 0 50px;}

	.contact-item { padding:0 15px; margin-top:15px; }

	.contact-item-i { border-radius:30px; width:60px; height:60px; background:#F8F8F8; text-align:center; display: flex; justify-content: center; flex-direction: column; color:#316CBF; font-size:30px; }

	.contact-item-c { padding:5px 0 0 20px; }

	.contact-c h3 { font-size:16px; font-weight: bold; padding: 0 0 5px; margin: 0; }

	.contact-c p { margin:0; line-height: 1.8em; font-size:16px; color:#666; }

	.map { padding:0px 0;}

	.map img { max-width: 100%;}

.content-qr { text-align:left; padding:0px 0 20px 50px; }

	.contact-qr-c { text-align:center; display: inline-block; }

	.content-qr img { width:120px; border:1px solid #E0E0E0; padding:10px; }





/* box */

.box-bg { background-color:rgba(0,0,0,0.6); position:fixed; width:100%; height:100%; left:0; top:0; z-index:10; display:none; }

.box { background-color:#FFF; position:fixed; width:930px; height:667px; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:11; padding:10px 30px; display:none; }

	.box-close { text-align:right; padding-right:30px; background:url('../images/ico_close.png') no-repeat right center; cursor:pointer; }

	.box-c { text-align:center; max-width:100%; max-height:640px; }