@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,a:click,a:active,a:visited { text-decoration:none; color:#333; blr:expression(this.onFocus=this.blur()); outline: none; }
a:hover { color:#2962AC; }
a:hover { text-decoration:none; -moz-transition-duration: all 0.3s;-webkit-transition-duration: all 0.3s;-o-transition-duration: all 0.3s; transition-duration: all 0.3s;  -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:#2962AC }
.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; }
.f22 { font-size:22px; }
.pzoom { overflow:hidden; }
.pzoom img { transition: all 0.3s; }
a:hover .pzoom img { transform: scale(1.2); }


.btn-primary { background-color:#2962AC; border-color:#2962AC; }
	.btn-primary:hover { background-color:#2962AC; border-color:#2962AC; }
.swiper-button-next { width:22px; background-color:#FFF; background-image:url('../images/ico-arrowr.png'); background-size: auto 50%; border-radius:22px 0 0 22px; outline:none; }
.swiper-button-prev { width:22px; background-color:#FFF; background-image:url('../images/ico-arrowl.png'); background-size: auto 50%; border-radius:0 22px 22px 0; outline:none; }


/* head ,footer */
.top-bread { background:#F6F6F6; height:45px; line-height:45px; overflow:hidden; }
.top { height:88px; background:#2962AC; }
.top .container {   }
.top-phone { color:#FFF; font-size:14px; padding:15px 0 0 20px; line-height:2em; }
	.top-phone:before { content:''; display:block; width:24px; height:24px; border:1px solid #FFF; border-radius:12px; float:left; background:url('../images/icon-phone.png') no-repeat center center; margin-right:8px; margin-top:3px; }
	.top-phone strong { disply:block; font-size:18px; font-weight:bolder; }
.top-logo { padding:15px 0 0 0px; }
	.top-logo img { max-height:90%; max-width:100%; }
	.top-logo h1 { color:#FFF; margin:0; padding:10px 0 0 15px; font-size:30px; font-weight:700; }
nav.top-nav { position:relative; z-index:999; font-size:16px; margin:0px 0 0; padding:0px 0 0;}
	nav ul { margin:0; padding:0; }
	nav li { margin:0px 0px; padding:0 0px; height:auto; }
	.nav-pills > li + li { margin-left:0; }
	nav .nav>li:first-child>a { background-image:none; }
	nav .nav>li>a{ color:#FFF; width:auto; text-align:center; background:none; padding:0px 0px 0 0px; height:88px; line-height:88px; position:relative; outline: none; }
	nav .nav-pills>li.active:hover>a { color:#333;  background:#FEE900; margin-top:0px; }
	nav .nav-pills>li.active>a,nav .nav-pills>li.active>a:focus,nav .nav-pills>li>a:hover{ color:#333; border-radius:0px;  background:#FEE900; margin-top:0px; }
	nav .nav>li:hover>a { color:#333;  background:#FEE900; border-radius:0;}
	nav .nav>li ul { display:none; list-style-type:none; margin:0 0 0 0px; padding:0px 0 0; z-index:8; border-top:2px solid #FEE900; background:#FEE900; border-radius:0px; position:absolute; left:0; top:88px; width:150%; z-index:4; border-bottom:2px solid #FEE900; }
	nav .nav>li ul li { margin:0; padding:0; width:100%; height:50px; border:none; animation-name:navdown; animation: navdown 0.5s ease 0s normal none; -moz-animation: navdown 0.5s ease 0s normal none; -webkit-animation: navdown 0.5s ease 0s normal none; -o-animation: navdown 0.5s ease 0s normal none; }
	nav .nav>li ul li a { display:block; width:100%; border-bottom:1px solid rgba(0,0,0,0.2); text-align:center; font-size:14px; line-height:50px; height:50px; text-align:left; padding-left:30px; }
	nav .nav>li ul li:last-child a { border-bottom:none; }
	nav .nav>li:hover ul { display:block; }
	nav .nav>li:hover li>a { color:#333; position:relative; }
	nav .nav>li:hover li>a:hover { color:#333; background:rgba(255,255,255,0.4);}
@-webkit-keyframes navdown{from{opacity:0;height:0px;} to{opacity:1;height:50px;} }
	@-moz-keyframes navdown{from{opacity:0;height:0px;} to{opacity:1;height:50px;} }
	@keyframes navdown{from{opacity:0;height:0px;} to{opacity:1;height:50px;} }


.index-footer { text-align:center; color:#FFF; padding:30px 0 0px; background:#2962AC; }
	.index-footer a { color:#FFF; }
	.index-footer-phone { padding:0px 0 20px; }
		.index-footer-phone-c { font-size:16px; font-weight:bolder; line-height:1.8em;  background:url('../images/icon-phone.png') no-repeat left center; padding:0 0 0 65px; text-align:left; }
		.index-footer-phone strong { color:#FFFC00; font-size:28px; display:block; }
		.index-footer-phone p { display:block; width:100%; border-radius:2px; text-align:center; height:60px; line-height:60px; font-size:16px; font-weight:bolder; background:rgba(255,255,255,0.1); margin-top:20px; }
	.index-footer-contact { text-align:left; color:rgba(255,255,255,0.9); padding-bottom:20px; }
		.index-footer-contact h6 { font-size:16px; font-weight:bolder; padding-bottom:15px; color:#FFF; margin:0 0 5px; border-bottom:1px solid rgba(255,255,255,0.3); }
		.index-footer-contact a { color:rgba(255,255,255,0.9); }
		.index-footer-contact .contact-item {  font-size:14px; }
	.index-footer-qr { padding-left:40px; padding-right:0px; padding-bottom:20px; }
		.index-footer-qr-c { float:left; width:120px; text-align:center; margin-right:40px; }
		.index-footer-qr img { width:110px; }
		.index-footer-qr p { margin:5px 0 0 0px; }
	.index-footer-copyright { background:#235AA2; padding:10px; text-align:center; }
.float { position:fixed; bottom: 20px; right:7px; width:auto; z-index:10000; }
	.float ul { list-style-type:none; margin:0; padding:0; }
	.float li { width:auto; position:relative; z-index:1; cursor:pointer; margin-bottom:3px; background-color:#2962AC; border-radius:4px; -webkit-box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.1); box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.1); }
	.float li i { display:block; width:60px; height:60px; background-repeat:no-repeat; background-position:center center; position:relative; z-index:2; }
	.float li.float-phone i { background-image:url('../images/icon-phone2.png'); }
	.float li.float-qq i { background-image:url('../images/icon-qq.png'); }
	.float li.float-qr i { background-image:url('../images/icon-wx.png'); }
	.float li.float-top i { background-image:url('../images/icon-top.png'); }
	.float-box { position:absolute; right:58px; top:0; width:0px; height:0px; min-height:60px; background:#2962AC; color:#FFF; z-index:0; overflow:hidden; }
	.float li.float-phone .float-box-c { line-height:40px; padding:10px 20px; border-radius:4px 0 0 4px; }
	.float li.float-qq .float-box-c { line-height:40px; padding:10px 20px; border-radius:4px 0 0 4px;  }
		.float li.float-qq .float-box-c a { display:block; color:#FFF; width:100px; }
	.float li.float-qr .float-box { top:auto; bottom:0; }
		.float li.float-qr .float-box-c { padding:15px; text-align:center; top:-70px; }
		.float li.float-qr .float-box-c img { width:130px; margin-bottom:10px; }
	.float li:hover .float-box { display:block; right:58px; width:auto; height:auto; animation-name:floatshow; animation: floatshow 0.8s ease 0s normal none; -moz-animation: floatshow 0.8s ease 0s normal none; -webkit-animation: floatshow 0.8s ease 0s normal none; -o-animation: floatshow 0.8s ease 0s normal none; }
@-webkit-keyframes floatshow{from{opacity:0;} to{opacity:1;} }
@-moz-keyframes floatshow{from{opacity:0;} to{opacity:1;}}
@keyframes floatshow{from{opacity:0;} to{opacity:1;} }



/* 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:#2962AC; border:1px solid #2962AC; color:#FFF; width:auto; padding:0 12px; line-height:35px; margin:0 2px; border-radius:0px; }
	.page_disable { display:inline-block; background-color:#EEE; 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; position:relative; }
	.index-banner .swiper-wrapper { z-index:1; }
	.banner-container a { display:block; width:100%; outline:none; }
	.banner-container img { width:100%; }
	.index-banner .swiper-pagination { bottom:10px; z-index:1; }
	.swiper-pagination-bullet { opacity:0.5; background-color:#FFF; z-index:1;outline:none; }
	.swiper-pagination-bullet-active { background-color:#2962AC; opacity:1; }
	.index-banner .swiper-button-next { background-color:transparent; background-image:url('../images/right.png'); background-size: auto 100%; outline:none; }
	.index-banner .swiper-button-prev { background-color:transparent; background-image:url('../images/left.png');  background-size: auto 100%;outline:none; }
	.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); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);    -o-transform: scale(1);} to{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);} }
@-moz-keyframes slidescale{from{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);    -o-transform: scale(1);} to{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);} }
@keyframes slidescale{from{transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);    -o-transform: scale(1);} to{transform: scale(1.1); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);} }


.index-title { padding:0px 0px 30px; margin:0 auto; position: relative; text-align:left; }
	.index-title h2 { padding:0 0px 0; font-size:30px; line-height:1em; color:#555; font-weight:bolder; margin:0; width:auto; display:inline-block; }
	.index-title small { color:#666; font-weight:normal; font-size:14px; line-height:1em; margin-left:10px; }
.index-title-type { text-align:center; margin-bottom:30px; }
	.index-title-type a { display:inline-block; width:auto; padding:0 0px 5px; font-size:16px; font-weight:normal; line-height:44px; height:44px; position:relative; margin-left:35px; outline:none; color:#333; }
	.index-title-type a.active,.index-title-type a:hover { color:#2962AC; }
	.index-more { padding:0px 0; text-align:center; }
	.index-more a { display:inline-block; width:100px; height:40px; color:#FFF; background:#2962AC; font-size:16px; text-align:center;  line-height:40px; }
	.index-more a:hover { background:#5691CE; }
	

.index-solution { padding:50px 0 0; }
	.index-solution .index-title-type { float:left; width:318px; background:url('../images/bg1.jpg') no-repeat center top; margin-right:10px; padding-top:20px; }
		.index-solution .index-title { text-align:center; padding-bottom:23px; }
		.index-solution .index-title h2 { color:#FFF; display:block; }
		.index-solution .index-title small { color:#FFF; font-size:26px; font-weight:bolder; }
		.index-solution .index-title-type ul { list-style-type:none; margin:0; padding:0; }
		.index-solution .index-title-type li { border-left:10px solid transparent; border-right:10px solid transparent; height:70px; line-height:70px; }
		.index-solution .index-title-type a { color:#FFF; text-align:center; display:inline; width:auto; padding:0 0 0 60px;margin:0; }
		.index-solution .index-title-type a:before { content:''; display:block; width:40px; height:40px; background-repeat:no-repeat; background-position:center center; margin:0px 0px 0px 0; position:absolute; left:0; top:-10px; filter: brightness(1000%); }
		.index-solution .index-title-type li:nth-child(1) a:before { background-image:url('../images/icon-solution1.png'); }
		.index-solution .index-title-type li:nth-child(2) a:before { background-image:url('../images/icon-solution2.png'); }
		.index-solution .index-title-type li:nth-child(3) a:before { background-image:url('../images/icon-solution3.png'); }
		.index-solution .index-title-type li:nth-child(4) a:before { background-image:url('../images/icon-solution4.png'); }
		.index-solution .index-title-type li:nth-child(5) a:before { background-image:url('../images/icon-solution5.png'); }
		.index-solution .index-title-type li:nth-child(6) a:before { background-image:url('../images/icon-solution6.png'); }
		.index-solution .index-title-type li:nth-child(7) a:before { background-image:url('../images/icon-solution7.png'); }
		.index-solution .index-title-type li.active,.index-solution .index-title-type li:hover { border-left:10px solid #FFFC00; background:#FFF; }
		.index-solution .index-title-type li.active a,.index-solution .index-title-type li:hover a { color:#333; }
		.index-solution .index-title-type li.active a:before,.index-solution .index-title-type li:hover a:before { filter: brightness(100%); }
	.index-solution-list { float:left; width:872px; }
	.index-solution-c { list-style-type:none; margin:0 0 0px 0px; padding:0; }
	.index-solution-c li { margin:0; padding:0 0 15px 15px; }
	.index-solution-c li a { display:block; width:100%; position:relative; }
	.index-solution-c .pzoom { width:100%; height:290px; padding-bottom:0; margin:0 auto 0px; position: relative; overflow: hidden; }
		.index-solution-c .pzoom .pic-box { width:100%; height:100%; position: absolute; }
		.index-solution-c .pzoom .pic-box img { width:100%; height: 100%; }
	.index-solution-c h3 { color:#FFF; height:43px; line-height:43px; padding:0 0px; margin:0; overflow:hidden; font-size:18px; font-weight:normal; background:rgba(0,0,0,0.6); position:absolute; bottom:0; left:0; width:100%; text-align:center; }


.index-case { padding:50px 0 50px; position:relative; }
	.index-case .index-title { padding:0; }
	.index-case .index-title-type { text-align:right; margin-bottom:20px; }
	.index-case-box { position:relative; margin:0 0px; clear:both; width:100%; }
	.index-case-c { margin:0 0px; clear:both; width:100%; overflow:hidden; }
	.index-case-box ul { list-style-type:none; margin:0 0 20px; padding:0; }
	.index-case-box li { padding:0 10px; }
	.index-case-box li a { display:block; width:100%; position:relative; background:#FAFAFA; border:1px solid #E0E0E0; padding:15px; }
	.index-case-box .pzoom { width:100%; height:0; padding-bottom:60%; margin:0 auto 10px; position: relative; overflow: hidden; }
		.index-case-box .pzoom .pic-box { width:100%; height:100%; position: absolute; }
		.index-case-box .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }
	.index-case-box h3 { font-size:18px; text-align:center; font-weight:normal; color:#333; margin:0 0 10px; padding:0; }
	.index-case-box small { font-size:14px; text-align:center; display:block; line-height:1.6em; height:4.8em; overflow:hidden; color:#666; }
	.index-case-box li:hover a { border-color:#2962AC; }
	
	.casePre { outline:none; left:-30px; background-size: auto 90%; background-position:center center; }
	.caseNext { outline:none; right:-30px; background-size: auto 90%; background-position:center center; }		
	
		

.index-about { padding:50px 0 50px; background:#F1F1F1 url('../images/bg.png') no-repeat center top; overflow:hidden; }
	.index-about .container { }
	.index-about .index-title h2,.index-about .index-title small { color:#FFF; }
	.index-about-container { position:relative; z-index:0; padding:20px; background:#FFF; -webkit-box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1); box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1);}
	.index-about-box { background:#F0F0F0; }
	.about-thumb { padding:0 10px 0 0; }
		.about-thumb img { width:100%; }
	.index-about-right { padding:40px 40px 0; }
	.index-about-box h3 { color: #2962AC; font-size:26px; font-weight:normal; margin:0 0 20px; padding:0 0 20px; }
	.index-about-box h3:after { content:''; display:block; width:72px; height:4px; background:#2962AC; margin-top:15px; }
	.about-container { font-size:16px; color:#666; line-height:1.8em; height:10.8em; overflow:hidden; text-align:justify; margin:0 0px 20px; }
	.index-about-box .index-more { text-align:left; }
	
	
	
.index-service { padding:10px 0 0; background:#F1F1F1; }
	.index-service .index-title { text-align:center; }
	.index-service .index-title h2 { display:block; }
	.index-service-box { list-style-type:none; margin:0 0 0 -20px; padding:0; }
	.index-service-box li { padding:0 0 40px 20px; }
		.service-content { background:#FFF; padding:0 0 30px; border-radius:66px 20px 20px 20px; }
		.service-content h3 { font-weight:bolder; color:#FFF; margin:0; font-size:20px; text-align:center; height:133px; line-height:133px; border-radius:66px 20px 66px 20px;  position:relative; z-index:0; }
		.service-content h3:before { content:''; display:block; width:84%; height:70px; position:absolute; left:8%; top:30px; z-index:0; background:rgba(255,255,255,0.1); border-radius:35px; }
		.service-content small { color:#666; font-size:16px; text-align:center; line-height:1.7em; display:block; }
		.service-content small:before { content:''; display:block; width:74px; height:74px; background-repeat:no-repeat; background-position:center center; margin:20px auto 20px; }
		.index-service-box li:nth-child(1) small:before { background-image:url('../images/icon-server1.png');}
		.index-service-box li:nth-child(2) small:before { background-image:url('../images/icon-server2.png');}
		.index-service-box li:nth-child(3) small:before { background-image:url('../images/icon-server3.png');}
		.index-service-box li:nth-child(4) small:before { background-image:url('../images/icon-server4.png');}
		.index-service-box li:nth-child(5) small:before { background-image:url('../images/icon-server5.png');}
		.index-service-box li:nth-child(6) small:before { background-image:url('../images/icon-server6.png');}
		.index-service-box li:nth-child(1) h3 { background-color:#2A62AA;}
		.index-service-box li:nth-child(2) h3 { background-color:#59C074;}
		.index-service-box li:nth-child(3) h3 { background-color:#926FBB;}
		.index-service-box li:nth-child(4) h3 { background-color:#DED05B;}
		.index-service-box li:nth-child(5) h3 { background-color:#5AC0AA;}
		.index-service-box li:nth-child(6) h3 { background-color:#5C5BBF;}

		
	
.index-news { padding:40px 0 70px; background:#F1F1F1; position:relative; overflow:hidden; }
	.index-news .index-title { }
	.index-news .index-title-type { text-align:right; margin-bottom:20px; }
	.index-news .index-title-type a { height:35px; line-height:35px; font-size:16px; }
	.index-news .index-title-type a.active { background:#2962AC; color:#FFF; padding:0 15px; }
		.index-news-top { clear:both; padding:0 0px 0 0; }
		.index-news-top a { display:block; width:100%; height:410px; background-image:linear-gradient(to bottom,#2962AC 0px,#2962AC 160px, #FFF 160px, #FFF 100%); background-repeat:no-repeat; background-position:center 0px; background-size:100% auto; padding:20px 30px; -webkit-box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1); box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1); }
		.index-news-top .pzoom { width:100%; height:0; padding-bottom:72.6%; margin:0 auto 10px; position: relative; overflow: hidden; }
		.index-news-top .pzoom .pic-box { width:100%; height:100%; position: absolute; }
		.index-news-top .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }
		.index-news-top h3 { color:#333; height:30px; line-height:30px; padding:0 0px; margin:15px 0 0; overflow:hidden; font-size:18px; }
		.index-news-top small { color:#666; height:44px; line-height:22px; padding:0 0px 0 0px; margin:0 0 20px; overflow:hidden; font-size:14px; display:block; text-align:justify; }
		.index-news-top .item-time { color:#999; margin-bottom:0px; font-size:14px; }
		.index-news a:hover h3 { color:#2962AC; }
		.index-news-list { padding:0 0 0 40px; }	
		.index-news-list ul { list-style-type:none; margin:0; padding:20px 30px; background:#FFF; height:410px; -webkit-box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1); box-shadow: 0px 1px 7px 3px rgba(0,0,0,0.1); }	
		.index-news-list li { padding:15px 0 15px; border-bottom:1px dotted #CCC; }
		.index-news-list li:last-child { border-bottom:none; }
		.index-news-list li a { display:block; width:100%; }
		.index-news-list li h3 { color:#333; height:30px; line-height:30px; padding:0 20px; font-size:18px; margin:0 0 10px; }
		.index-news-list li small { color:#666; height:44px; line-height:22px; padding:0 0px 0px; margin:0 0 8px; overflow:hidden; font-size:14px; display:block; text-align:justify; }
		.index-news-list li .item-time { float:left; margin-right:15px; margin-top:10px; width:70px; text-align:center; font-size:14px; color:#999; line-height:1.5em; }
		.index-news-list li .item-time strong { font-size:32px; color:#2962AC; font-weight:bolder; display:block; margin-bottom:10px; }





/* css of sub pages */
.sub-banner { position:relative; width:100%; height:300px; overflow:hidden; text-align:center; z-index:0; }
.sub-main { padding:0px 0 50px; min-height:300px; margin-top:0px; }
	.sub-main .container { position:relative; }
	.sub-left { padding:50px 70px 0 0; }
	.sub-right { padding:0px 0px 0 70px; margin-left:-100px; }
	
	.sub-title { padding:20px 0px 20px; margin-bottom:5px; background:url('../images/bg-title.jpg') no-repeat center top; background-size:100% 100%; text-align:center; }
		.sub-title h1 { margin:0 0 0px; padding:0 0px 0 0px; font-size:26px; line-height:1.1em; color:#FFF; font-weight:bolder; }
		.sub-title h1 i { color:#FFF; font-size:14px; font-style:normal; font-weight:bold; display:block; text-align:center; }
	.sub-type ul { padding:0; margin:0; list-style-type:none; }
		.sub-type li { padding:0; margin:0; }
		.sub-type li a { display:block; width:auto; padding:0 0px; font-size:18px; font-weight:normal; line-height:50px; height:50px; position:relative; margin:0px; outline:none; color:#333; text-align:center; background:#F5F5F5; border-bottom:1px solid #DFDFDF; }
		.sub-type li:last-child a { border-bottom:none; }
		.sub-type li.active a,.sub-type li:hover a { background:#FFFC00; }
	.left-contact {  background:#F5F5F5; margin-top:10px; padding:10px 0; }
		.left-contact-phone { font-size:14px; line-height:1.6em;  background:url('../images/icon-phone3.png') no-repeat 15px 10px; padding:0 0 15px 60px; text-align:left; border-bottom:1px dotted #BBB; }
		.left-contact-phone strong { color:#FF0000; font-size:20px; display:block; }
		.left-contact p { margin:10px 20px 0; }
	.dir { font-size:14px; color:#666; border-bottom:1px solid #EEE; line-height:50px; height:50px; text-align:right; margin-bottom:40px; }
		.dir a { color:#666; }
		
	.sub-info { text-align:center; color: #999; padding: 0 0 20px;}
	h1.title { text-align:center; font-size:22px; margin:0; padding:0px 50px 20px; margin-top:40px; color:#666; font-weight:bolder; }
	.sub-main article { height:auto; font-size:16px; line-height:2.2em; padding:0 20px; }
	.sub-main article p { margin:0; }
	.sub-main article img { max-width:100%; padding:15px; }
	.article-relative { border:1px solid #DDD; padding:10px; color:#999; margin-top: 50px; font-size:14px; }
	.article-relative-item { padding:5px 0px; line-height:20px; }
	.article-relative-item:last-child { text-align:right; }
	.article-relative-item i { font-size:14px; margin:0px 0px 0 0px; } 
	.article-relative-item a { color:#666; outline:none; }
	.article-relative-item a:hover { color:#2962AC; }

.news-list { list-style-type:none; margin:0; padding:0; }
	.news-list li { margin:0; padding:0px 0px; position:relative; }
	.news-list li:after { content:''; display:block; width:100%; height:1px; left:0; bottom:0; position:absolute; background:#D7D7D7; }
	.news-list li a { display:block; width:100%; padding:30px 10px; outline:none; }
	.news-list li h3 { font-size:22px; margin:0 0 10px; padding:0px 0 0px 0px; line-height:1.8; color:#2962AC; }
	.news-list li small { font-size:16px; display: block; color:#666; padding:0px; line-height:1.8em; max-height:3.6em; overflow: hidden; margin-bottom: 0px; margin-right:100px; text-align:justify; }
	.news-list li .item-time { color:#999; font-size:14px; line-height:1em; margin-bottom:10px; }
	.news-list li .item-more { float:right; margin-right:10px; width:46px; height:46px; line-height:46px; color:#333; font-size:30px; border-radius:23px; text-align:center; background:#DEDEDE; } 
	.news-list li:hover .item-more { background:#2962AC; color:#FFF; margin-right:0px; } 
	.news-list li:hover:after { background:#2962AC; 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%;}}


.products-list { margin:0px 0 0 -20px; padding:0; list-style-type:none; }
	.products-list li { padding:0px 0 20px 20px; margin: 0; }
	.products-list li a { display:block; width:100%; padding:0px; background:#FFF; position:relative; outline:none; }
	.products-list li .pzoom { width:100%; height:0; padding-bottom:70%; margin:0 auto 5px; position: relative; overflow: hidden; }
	.products-list li .pzoom .pic-box { width:100%; height: 100%; position: absolute; }
	.products-list li .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }
	.products-list li h3 { height:40px; line-height:40px; font-size:18px; text-align:justify; margin: 0 0 0px; color:#666; overflow:hidden; text-align:center; }
	.products-list li a:hover h3 { color:#2962AC; }



.contact-map { padding:0px; margin-top:30px; }
	.contact-map img { max-width: 100%;}


/* 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; }