@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:focus { outline: none; -moz-outline:none; text-decoration:none; }
a:hover { color:#2F72E3; }
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:#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; }
.swiper-button-next { width:50px; height:50px; background:none; outline:none; text-decoration:none; }
.swiper-button-prev { width:50px; height:50px; background:none; outline:none; text-decoration:none; }
.swiper-button-next .iconfont,.swiper-button-prev .iconfont { font-size:50px; color:#CCC; text-decoration:none; }


/* head ,footer */
.top-bread { border-bottom:1px solid #DDD; font-size:14px; color:#666; height:44px; line-height:44px; }
	.top-w { color:#666; overflow:hidden; height:44px; line-height:44px; }
	.top-link { display:inline-block; margin-left:20px; position:relative; line-height:44px; }
	.top-phone strong { color:#2F72E3; font-size:16px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif }
	.top-link a { color:#666; }
	.top-link .iconfont { font-size:20px; color:#666; margin-right:5px; line-height:44px; }
	.top-qr { position:absolute; top:44px; right:0px; width:auto; padding:0px 0px 0px; transition: all 0.5s; height:0px; opacity:0; overflow:hidden; z-index:1; }
		.top-qr-box { padding:20px; margin-top:6px; width:auto; position:relative; background:#666; }
		.top-qr-box img { width:110px; height:110px; }
		.top-qr-box:after { content:''; display:block; width:0px; height:0px; position:absolute; right:30px; top:-5px; margin-left:-6px;  border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 5px solid #666; }
		.top-link-qr:hover .top-qr { opacity:1; height:150px; }

.top-logo { padding:25px 0 0 15px; }
	.top-logo img { max-width:100%; max-height:100%; }
.top-nav { height:105px; padding-right:0; position:relative; }
	nav { font-size:18px; margin:0; padding:0px 0 0; transition: all 0.5s; z-index: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:#333; font-size:18px; text-align:center; background:none; padding:0px 0px 0px; height:100px; line-height:100px; position:relative; outline: none; }
	nav .nav>li>a:after { content:'/'; color:#EEE; float:right; font-weight:100; }
	nav .nav>li:last-child>a:after { content:''; }
	nav .nav-pills>li.active:hover>a { color:#2F72E3; font-weight:bold; background:none; margin-top:0px; }
	nav .nav-pills>li.active>a,nav .nav-pills>li.active>a:focus,nav .nav-pills>li>a:hover{ color:#2F72E3; font-weight:bold; border-radius:0px;  background:none; margin-top:0px;  }
	nav .nav>li:hover>a { color:#2F72E3;  font-weight:bold; background:none; border-radius:0; }
	nav .nav>li i { margin-left:-5px; color:#999; position:absolute; bottom:20px; left:0; width:100%; text-align:center; opacity:0; transition: all 0.3s; }
	nav .nav>li:hover i { opacity:1;bottom:5px; }
	nav .nav>li ul { display:none; list-style-type:none; margin:0 0 0 0px; padding:0px 0 0; z-index:8; background:rgba(17,17,17,0.5); border-radius:0px; position:absolute; left:-33%; top:100px; width:160%; z-index:999; border:none; border-top:4px solid #2F72E3; }
	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%; color:#FFF; text-align:center; font-size:16px; line-height:50px; height:50px; }
	nav .nav>li:hover ul { display:block; }
	nav .nav>li:hover li>a { color:#FFF; position:relative; }
	nav .nav>li:hover li>a:hover { color:#FFF; background:rgba(17,17,17,0.5);}
@media (min-width: 1400px){
	nav .nav>li ul { width:130%; left:-25px; }
}
@-webkit-keyframes linemove{from{width:0px;} to{width:100%;} }
	@-moz-keyframes linemove{from{width:0px;} to{width:100%;} }
	@keyframes linemove{from{width:0px;} to{width:100%;} }
@-webkit-keyframes navdown{from{height:0px;} to{height:50px;} }
	@-moz-keyframes navdown{from{height:0px;} to{height:50px;} }
	@keyframes navdown{from{height:0px;} to{height:50px;} }





/* 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:#2F72E3; border:1px solid #2F72E3; 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:0; overflow:hidden; position:relative; }
	.index-banner .swiper-wrapper { z-index:-1; }
	/*.banner-container { height: calc(100vh); }*/
	.index-banner .swiper-slide { background-size:cover; height:100%; background-repeat:no-repeat; background-position:center top; }
	.banner-container a { display:block; width:100%; height: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:#2F72E3; 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 { 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; }



.index-title { padding:0px 0px 30px; margin:0 auto; position: relative; text-align:center; }
	.index-title h2 { margin:0px 0 10px; padding:0 0px 0; font-size:36px; line-height:1em; color:#2F72E3; font-weight:bolder; letter-spacing:1px; }
	.index-title small { display:inline-block; width:auto; padding:0 110px; color:#DDD; font-weight:bolder; font-size:16px; font-family:"Arial"; line-height:1em; height:1em; position:relative; }
	.index-title small:before { content:''; display:block; width:100px; height:2px; background:#DDD; position:absolute; left:0; top:40%; }
	.index-title small:after { content:''; display:block; width:100px; height:2px; background:#DDD; position:absolute; right:0; top:40%; }
.index-title-type { margin:0 0 30px; list-style-type:none; padding:0 15px; }
	.index-title-type li { border:1px solid #EEE; border-left:none; padding:0; }
	.index-title-type li:first-child { border-left:1px solid #EEE; }
	.index-title-type a { display:block; width:100%; padding:0 10px 0px; font-size:18px; line-height:70px; outline:none; color:#333; margin:0; position:relative; z-index:0; text-align:center; }
	.index-title-type li.active a,.index-title-type a:hover { color:#FFF; background:#2F72E3; z-index:1; -webkit-box-shadow:0px 1px 11px 3px rgba(100,100,100,0.1); -moz-box-shadow:0px 1px 11px 3px rgba(100,100,100,0.1); box-shadow: 0px 1px 11px 3px rgba(100,100,100,0.1); }
	.index-more { padding:0px 0; text-align:center; }
	.index-more a { position:relative; display:inline-block; width:160px; height:45px; border-radius:27px; color:#FFF; font-size:16px; text-align:center;  line-height:45px; background:#2F72E3; z-index:1; }
	.index-more a:before { content:''; width:0; height:100%; background:rgba(255,255,255,0.2); left:0; top:0; position:absolute; transition: all 0.5s; z-index:2; }
	.index-more a:after { content:'+'; }
	.index-more a:hover:before { width:100%; }



.index-products { padding:50px 0; }
	.index-prodcts-c { position:relative; }
	.index-prodcts-c:first-child { }
	.index-prodcts-content { width:100%; overflow:hidden; padding:20px 15px; }
	.index-prodcts-content ul { margin:0; padding:0px; list-style-type:none; }
		.index-prodcts-content li { padding:0; }
		.index-prodcts-content li a { padding:20px; display:block; width:100%; background:#FFF; position:relative; z-index:0; }
		.index-prodcts-content li .pzoom { height:0px; padding-bottom:100%; margin:0 0px 15px; position: relative; overflow: hidden; }
		.index-prodcts-content li .pzoom .pic-box { width:100%; height:100%; position: absolute; }
		.index-prodcts-content li .pzoom .pic-box img { width:100%; height:100%; }
		.index-prodcts-content li h3 { color:#333; font-size:18px; line-height:40px; height:40px; text-align:left; overflow:hidden; margin:0; padding:0; position:relative; transition: all 0.3s; }
		.index-prodcts-content li h3:before { content:'+'; color:#999; font-size:20px; line-height:36px; height:38px; width:38px; text-align:center; float:right; border:1px solid #DDD; border-radius:19px; transition: all 0.3s; }
		.index-prodcts-content li a:hover { z-index:2; -webkit-box-shadow:0px 1px 11px 3px rgba(100,100,100,0.1); -moz-box-shadow:0px 1px 11px 3px rgba(100,100,100,0.1); box-shadow: 0px 1px 11px 3px rgba(100,100,100,0.1); }
		.index-prodcts-content li a:hover h3 { color:#2F72E3; }
		.index-prodcts-content li a:hover h3:before { color:#FFF; border-color:#2F72E3; background:#2F72E3; }
		a.prodPre { left:-40px; margin-top: -50px; }
		a.prodNext { left:auto; right:-45px; margin-top: -50px; }

.index-about { background: url('../images/bg1.jpg') no-repeat center top; background-size:100% auto; padding:70px 0 70px; position:relative; }
	.index-about .container { overflow:hidden; z-index:1; background:#FFF; -webkit-box-shadow:0px 1px 13px 5px rgba(100,100,100,0.1); -moz-box-shadow:0px 1px 13px 5px rgba(100,100,100,0.1); box-shadow: 0px 1px 13px 5px rgba(100,100,100,0.1); }
	.index-about .index-title h2 { color:#FFF; }
	.index-about-pic { padding:0px 0px 0 0; position:relative; z-index:0; }
		.index-about-pic img { max-width:100%; position:relative; z-index:1; }
	.index-about-box { margin:0 0 0 0px; padding:50px 80px 30px; background:#FFF; }
	.index-about .index-more { text-align:right; }
	.about-container { font-size:16px; line-height:2em; max-height:16em; overflow:hidden; color:#333; text-align:justify; margin-bottom:40px; }


.index-solution { padding:0 0 80px; }
	.index-solution .container { overflow:hidden; }
	.index-solution-list { position:relative; z-index:0; }
		.index-solution-list ul { margin:0; padding:0px; list-style-type:none; }
		.index-solution-list li { margin:0; padding:0px; }
		.index-solution-w { padding:50px; background:#F5F5F5; height:450px; }
			.index-solution-w h3 { padding:0px; margin:0; font-size:32px; color:#2E72E3; font-weight:bolder; line-height:1.3em; margin-bottom:30px; }
			.index-solution-w small { font-size:16px; color:#333; display:block; text-align:justify; line-height:2em; max-height:8em; overflow:hidden; margin-bottom:30px; }
			.index-solution-w .index-more { text-align:left; }
		.index-solution-p { padding:0px; height:450px; text-align:right; background:#F5F5F5; }
		.index-solution-p img { max-width:100%; max-height:450px; }
		a.solutionPre { left:auto; right:80px; bottom:30px; top:auto; color:#FFF; text-align:center; line-height:50px; border-radius:25px; background:#2F72E3; }
		a.solutionNext { left:auto; right:20px; bottom:30px; top:auto; color:#FFF; text-align:center; line-height:50px; border-radius:25px; background:#2F72E3; }
		.solutionPre .iconfont,.solutionNext .iconfont { font-size:30px; color:#FFF; }


.index-service { background: url('../images/bg2.jpg') no-repeat center top; background-size:cover; padding:0px; position:relative; text-align: center; }
	.index-service .container { height:280px; padding:50px 0 0px; }
		.index-service h2 { font-size:46px; font-weight:bolder; color:#FFF; margin:0 0 20px; padding:0; text-align:center; }
		.index-service h2 i { color:#F88D12; font-style:normal; }
		.index-service small { text-align:center; font-size:18px; line-height:2em; margin-bottom:20px; display:block; color:#FFF; }
		.index-service-btn { width:170px; height:55px; border-radius:27px; background:rgba(248,143,18,0.3); margin:0 auto; padding:5px; display: inline-block; }
		.index-service-btn a { display:block; width:100%; height:45px; line-height:45px; font-size:16px; border-radius:22px; background:#F88D12; text-align:center; color:#FFF; }
		.index-service-btn .iconfont { margin-right:5px; font-size:20px; line-height:45px; }



.index-case { padding:50px 0 80px; position:relative; }
	.index-case .container { position:relative; }
	.index-case-content { position:relative; overflow:hidden; padding:10px; }
	.index-case-c { margin:0px 0px 0 0px; padding:0; list-style-type:none; }
		.index-case-c li { margin:0px; padding:0px; }
		.index-case-c li a { display:block; width:100%; position:relative; padding:20px; background:#FFF; transition: all 0.3s; z-index:1; }
		.index-case-c li .pzoom { height:0px; padding-bottom:75%; margin:0 0px 15px; position: relative; overflow: hidden; }
		.index-case-c li .pzoom .pic-box { width:100%; height:100%; position: absolute; }
		.index-case-c li .pzoom .pic-box img { width:100%; height:100%; }
		.index-case-c li h3 { color:#333; font-size:18px; line-height:1.6em; height:40px; text-align:left; overflow:hidden; margin:0; padding:0; position:relative; transition: all 0.3s; }
		.index-case-c li h3:before { content:'+'; color:#999; font-size:20px; line-height:36px; height:38px; width:38px; text-align:center; float:right; border:1px solid #DDD; border-radius:19px; transition: all 0.3s; }
		.index-case-c li a:hover { z-index:2; -webkit-box-shadow:0px 1px 11px 3px rgba(100,100,100,0.1); -moz-box-shadow:0px 1px 11px 3px rgba(100,100,100,0.1); box-shadow: 0px 1px 11px 3px rgba(100,100,100,0.1); }
		.index-case-c li a:hover h3 { color:#2F72E3; }
		.index-case-c li a:hover h3:before { color:#FFF; border-color:#2F72E3; background:#2F72E3; }
		a.casePre { left:-40px; }
		a.caseNext { left:auto; right:-45px; }



.index-footer { background:#2D64BE; padding:40px 0px 0px; color:#FFF; }
	.index-footer h2 { padding:0px; margin:0 0 10px; line-height:1.5em; font-size:20px; font-weight:bolder; color:#FFF; }
	.footer-contact { border-right:1px solid rgba(255,255,255,0.3); font-size:14px; line-height:2em; margin-bottom:20px; }
	.footer-nav { padding:0px 0 0 50px; }
		.footer-nav ul { list-style-type:none; font-size:14px; padding:0px 0px 0 0; margin:0; }
		.footer-nav li { color:#FFF; margin-bottom:10px; padding-left:0; }
		.footer-nav li a { color:#FFF;  }
	.footer-qr { padding:0px; font-size:14px; text-align:right; position:relative; }
		.footer-qr img { width:110px; border:5px solid #FFF; margin-bottom:8px; }
		.footer-qr a { color:#FFF; }
		.footer-qr-c { display:inline-block; width:120px; text-align:center; }
	.footer-copyright { clear:both; padding:15px 0; font-size:12px; color:rgba(255,255,255,0.6); border-top:1px solid rgba(255,255,255,0.3); }
		.footer-copyright a { color:rgba(255,255,255,0.6); }
		.footer-copyright a:hover { color:rgba(255,255,255,1); }





/* css of sub pages */
.sub-banner { position:relative; width:100%; overflow:hidden; text-align:center; z-index:0; background-repeat:no-repeat; background-position:center top; background-size:cover; }
	.sub-banner .container { position:relative; height: 400px; text-align: center; padding-top:150px; }
	.col-title h1 { margin:0px 0 15px; padding:0 0px 0; font-size:50px; line-height:1em; color:#FFF; letter-spacing:4px; }
	.col-title small { display:inline-block; width:auto; padding:0 130px; color:#FFF; font-size:20px; font-family:"Arial"; line-height:1em; height:1em; position:relative; letter-spacing: 1px;}
	.col-title small:before { content:''; display:block; width:100px; height:2px; background:rgba(255,255,255,0.5); position:absolute; left:0; top:40%; }
	.col-title small:after { content:''; display:block; width:100px; height:2px; background:rgba(255,255,255,0.5); position:absolute; right:0; top:40%; }


.dir { height:62px; line-height:60px; border-bottom:1px solid #EEE; margin-top:0px; font-size:14px; color:#666; }
	.dir i { margin-right:5px; }
.position { text-align:right; color:#666; font-size:14px; }
	.position .iconfont { color:#666; margin-right:0px; }
	.position a { color:#666; }



.sub-main { padding:50px 0 50px; min-height:300px; margin-top:0px; }
	.sub-main .container { position:relative; }
	.sub-main .index-title-type { padding:0; }
	.sub-about { background:url('../images/bg3.jpg') no-repeat center bottom; padding-bottom: 160px;}
	.sub-title { padding:0px 0px 0; text-align:center; margin-bottom:0px; }
	.sub-title h1 { margin:0 0 0px; padding:0 0px 0; font-size:34px; line-height:2em; color:#000; font-weight:normal; width:100%; text-align:center; }
	.sub-info { text-align:center; color: #999; padding: 0 0 20px; border-bottom:1px solid #EEE; margin-bottom:30px;}
	h1.title { text-align:center; font-size:30px; margin:0; padding:30px 50px 20px; color:#000; line-height:1.4em; }
	.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:0px; }
	.article-relative { border-top:1px solid #EEE; padding-top:15px; color:#333; margin-top: 50px; font-size:16px; }
	.article-relative-item { padding:15px 20px; line-height:20px; }
	.article-relative-item i { font-size:18px; margin:0px 0px 0 0px; }
	.article-relative-item a { color:#2F72E3; outline:none; }
	.article-relative-item:hover { background:#FFF; -webkit-box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.1); -moz-box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.1); box-shadow: 0px 1px 10px 3px rgba(50,50,50,0.1); }



.product-list { margin:0px 0 0 0px; padding:0; list-style-type:none; }
	.product-list li { margin:0px; padding:0px 0 40px; }
	.product-list li a { display:block; width:100%; position:relative; padding:20px; background:#FFF; transition: all 0.3s; z-index:1; }
	.product-list li .pzoom { height:0px; padding-bottom:100%; margin:0 0px 15px; position: relative; overflow: hidden; }
	.product-list li .pzoom .pic-box { width:100%; height:100%; position: absolute; }
	.product-list li .pzoom .pic-box img { width:100%; height:100%; }
	.product-list li h3 { color:#333; font-size:18px; line-height:40px; height:40px; text-align:left; overflow:hidden; margin:0; padding:0; position:relative; transition: all 0.3s; }
	.product-list li h3:before { content:'+'; color:#999; font-size:20px; line-height:36px; height:38px; width:38px; text-align:center; float:right; border:1px solid #DDD; border-radius:19px; transition: all 0.3s; }
	.product-list li a:hover { z-index:2; -webkit-box-shadow:0px 1px 11px 3px rgba(100,100,100,0.1); -moz-box-shadow:0px 1px 11px 3px rgba(100,100,100,0.1); box-shadow: 0px 1px 11px 3px rgba(100,100,100,0.1); }
	.product-list li a:hover h3 { color:#2F72E3; }
	.product-list li a:hover h3:before { color:#FFF; border-color:#2F72E3; background:#2F72E3; }

.prod-info { padding:30px 0 0 50px; margin-bottom:50px; }
	.sub-main .sub-title { border-bottom:1px solid #EEE; text-align: left; margin-bottom:20px; clear:both; }
		.sub-main .sub-title h5 { display:inline-block; padding:0 30px; margin:0; background: #2F72E3; color:#FFF; font-size:26px; height: 60px; line-height: 60px; }
	.prod-info h1 { font-size:30px; font-weight:bolder; text-align: left; line-height: 1.5em; margin-bottom:20px; padding:0; }
	.prod-brief { background:#EEE; padding:20px 30px; font-size:16px; text-align: justify; color:#333; margin-bottom: 30px;}
	.prod-info .sub-title { font-size:18px; border:none; margin-bottom:5px; }
	.prod-relative { margin:0 0 0 -15px; padding: 0; list-style-type: none; }
		.prod-relative li { padding: 0 0 0 15px; }
		.prod-relative li a { display:block; width:100%; }
		.prod-relative li .list-item-pic { float:left; padding:5px; width:100px; margin-right:15px; border:1px solid #EEE; }
		.prod-relative li .pzoom { height:0px; padding-bottom:100%; margin:0 0px 0px; position: relative; overflow: hidden; }
		.prod-relative li .pzoom .pic-box { width:100%; height:100%; position: absolute; }
		.prod-relative li .pzoom .pic-box img { width:100%; height:100%; }
		.prod-relative li h3 { font-size:16px; line-height:1.5em; margin:0; padding:0; }
	.prod-pic { margin-bottom:50px; padding:30px 0 0; }
		.prod-pic-box { overflow: hidden; height: 500px; width:100%; border:1px solid #EEE; margin-bottom:30px; padding: 0; }
		.prod-swiper {height: 100%;width: 100%;}
		.prod-swiper .swiper-slide { width: 100%; height: 100%;}
		.prod-swiper .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: contain; }
	  .prod-thumb-swiper {height: 100px; width:100%; overflow: hidden; box-sizing: border-box;padding: 10px 0;}
		.prod-thumb-swiper .swiper-slide {width:25%; height:80px; opacity: 0.4;}
    .prod-thumb-swiper .swiper-slide-thumb-active { opacity: 1; border:1px solid #333; }
		.prod-thumb-swiper .swiper-slide img { display: block;width: 100%;height: 100%; object-fit:contain; }
		.swiper-slide {
			 text-align: center;
			 font-size: 18px;
			 background: #fff;
			 /* Center slide text vertically */
			 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;
		 }

.solution-list { margin:0px 0px 20px 0px; padding:0; list-style-type:none; }
		.solution-list li { margin:0; padding:0px 50px 70px; }
		.solution-list li a { display: block; width:100%; padding:0;}
		.solution-list li .pzoom { padding:0 0 75% 0; height:0; position: relative; overflow: hidden;}
		.solution-list li .pzoom .pic-box { position:absolute; }
		.solution-list .pzoom .pic-box img { width:100%; height: 100%; object-fit: contain; }
		.solution-list .business-right { float:right; }
		.solution-list li h3 { font-size:18px; margin:10px 0px; padding:0px 0 0px 0px; line-height:2em; color:#333; height: 2em; overflow: hidden; }
		.solution-list li:hover h3 { color:#2D64BE; }
		.solution-list li small { font-size:14px; display: block; color:#999; padding:0px 0 0 0px; line-height:2em; height:6em; overflow: hidden; margin-bottom:0px; text-align:justify; }




.news-list { margin:0px 0 20px 0px; padding:0; list-style-type:none; }
		.news-list li { margin:0; padding:0px; }
		.news-list li a { display:block; width:100%; padding:25px; }
		.news-list li h3 { font-size:20px; margin:0 0 10px; padding:0px 0 0px 0px; line-height:2em; color:#333; height:2em; overflow:hidden; }
		.news-list li:hover h3 { color:#2B96F2; }
		.news-list li small { font-size:14px; display: block; color:#999; padding:0px; line-height:2em; max-height:4em; overflow: hidden; text-align:justify; }
		.news-list li .item-time { float:left; width:80px; height: 120px; padding-top:30px; margin:0 25px 0 0; background:#F5F5F5; color:#333; font-size:36px;  line-height: 1em; text-align: center; }
			.news-list li .item-time i { font-size:14px; font-style:normal; display: block; width:100%; text-align: center; }
		.news-list li:hover a { background:#F5F5F5; }
		.news-list li:hover a .item-time { background:#2F72E3; color:#FFF; }


.photo-list { margin:0px 0 0 0px; padding:0; list-style-type:none; }
	.photo-list li { margin:0px; padding:0px 0 30px; }
	.photo-list li a { display:block; width:100%; position:relative; padding:20px; background:#FFF; transition: all 0.3s; z-index:1; }
	.photo-list li .pzoom { height:0px; padding-bottom:75%; margin:0 0px 15px; 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%; }
	.photo-list li h3 { color:#333; font-size:18px; line-height:40px; height:40px; text-align:left; overflow:hidden; margin:0; padding:0; position:relative; transition: all 0.3s; }
	.photo-list li h3:before { content:'+'; color:#999; font-size:20px; line-height:36px; height:38px; width:38px; text-align:center; float:right; border:1px solid #DDD; border-radius:19px; transition: all 0.3s; }
	.photo-list li a:hover { z-index:2; -webkit-box-shadow:0px 1px 11px 3px rgba(100,100,100,0.1); -moz-box-shadow:0px 1px 11px 3px rgba(100,100,100,0.1); box-shadow: 0px 1px 11px 3px rgba(100,100,100,0.1); }
	.photo-list li a:hover h3 { color:#2F72E3; }
	.photo-list li a:hover h3:before { color:#FFF; border-color:#2F72E3; background:#2F72E3; }



.contact-c { text-align:left; padding:30px 0 50px; margin:0px 0 0;}
	.contact-item { padding:0px 20px; }
	.contact-box { padding:40px 30px 0; }
	.contact-item-i { border-radius:60px; width:120px; height:120px; background:#2F72E3; text-align:center; display: flex; justify-content: center; flex-direction: column; color:#FFF; font-size:60px; margin:0 auto 15px; }
	.contact-item-c { padding:0px 0 0px; text-align:center; }
	.contact-c h3 { font-size:20px; font-weight: normal; padding: 0 0 10px; margin: 0; text-align:center; color:#333; }
	.contact-c h3:after { content:''; display:block; margin:8px auto; background:#2F72E3; width:30px; height: 4px; }
	.contact-c p { margin:0; line-height: 1.6em; font-size:26px; color:#333; }
	.contact-qr-c { display:inline-block; width:120px; text-align:center; }
		.contact-qr-c img { width:90px; }



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