@charset "utf-8";
.swiper-pagination-bullet-active { background-color:#00AF9F; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:60px; }

body{ font-family:"arial","sans-serif"; color:#222; font-size:14px; line-height:1.5; background-color:#FFF; }
a { text-decoration:none; color:#00AF9F; blr:expression(this.onFocus=this.blur()); outline: none; }
a:linked,a:active,a:focus,a:hover,a:visited,a:target,a:focus-visited,a:focus-within { text-decoration:none; outline: none; }
a:hover { color:#00AF9F; }
a:hover { text-decoration:none; -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration:0.3s;  -webkit-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity,box-shadow;-moz-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity,box-shadow;-o-transition-property:color, background-color, background, width, height, top, left, bottom, right, display, borderr,opacity,box-shadow;  transition-property:color, background-color, background, width, height, top, left, bottom, right, display, border,opacity,box-shadow; }
.pzoom img { transition: all 0.3s; }
.pzoom img:hover { transform: scale(1.2); }
.full { width:expression(document.body.clientWidth <= 1200? "1200px": "auto");;min-width:1200px; }
.clear { clear:both; }
.red { color:#8E000E; }
.gray { color:#999; }
.space10 { clear:both; height:10px; overflow:hidden; }
.space20 { clear:both; height:20px; overflow:hidden; }
.space50 { clear:both; height:50px; overflow:hidden; }
.f20 { font-size:20px; }
.f16 { font-size:16px; }
.del { text-decoration:line-through; }
button:focus { outline:none; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline:none;}
.clearfix:after { content:''; clear:both; }



.btn-primary { background-color:#8F000F; padding:5px 25px; border:none; }
	.btn-primary:hover { background-color:#B49463; border-color:#B49463; }
.swiper-button-next { background-image:url('../images/ico-right.png'); background-color:rgba(255,255,255,0.4); width:30px; cursor: pointer; z-index: 2; background-size:11px 20px;right:0; }
.swiper-button-prev { background-image:url('../images/ico-left.png'); background-color:rgba(255,255,255,0.4); width:30px; cursor: pointer; z-index: 2; background-size:11px 20px;left:0; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:0.5; pointer-events:auto; }

.page_turner { padding:50px 10px 0; font-family:Verdana, Geneva, sans-serif; text-align: center; font-size:12px; }
	.page_cur { display:inline-block; background-color:#00CAB6;border:1px solid #00CAB6; width:auto; padding:0 12px; line-height:30px; color:#FFF; font-weight:bold; margin:0 5px;  }
	.page_btn { display:inline-block; background-color:#FFF;border:1px solid #EEE; width:auto; padding:0 12px; line-height:30px; color:#999; margin:0 5px; }
	.page_disable { display:inline-block; background-color:#F1F1F1;border:1px solid #EEE; width:auto; padding:0 12px; line-height:30px; color:#999; margin:0 5px;}


/* head ,footer */
.top { height:110px; }
.top-logo { float:left; width:450px; padding:10px 0 0px; }
	.top-logo img { max-width:100%; }
.top-language { float:right; width:220px; padding-top:30px; line-height:30px; display: flex; }
	.top-language a { justify-content: flex-start; margin-right:15px; height:30px; line-height:30px; width:80px; background:#009F8F; text-align: center; font-size:12px; color:#FFF; }
	.top-language a.active { background:#00CAB6; }

nav { line-height:50px; position:relative; z-index:1; font-size:18px; margin:0px 0 0; padding:0; z-index:3; background:#00AF9F; }
	nav ul { margin:0; padding:0; }
	nav li { margin:0px; padding:0 0px; height:auto; }
	nav li span { display:block; font-size:10px; }
	nav .nav>li:first-child>a {  }
	nav .nav>li>a{ color:#FFF; width:auto; text-align:center; background:none; padding:0px 0px 0; height:50px; line-height:50px;  }
	nav .nav>li:hover, nav .nav-pills>li.active:hover>a { color:#FFF; background-color:none; margin-top:0px;border-radius:0px; background-color:none; background:#00CAB6; }
	nav .nav>li:hover>a {  }
	nav .nav-pills>li>a{ border-radius:0px;}
	nav .nav-pills>li.active>a,nav .nav-pills>li.active>a:focus,nav .nav-pills>li>a:hover{ color:#FFF; background-color:none; background:#00CAB6; margin-top:0px; border-radius:0px; }

	nav .nav>li ul { display:none; list-style-type:none; margin:0; padding:0px 0; z-index:8; background:#00CAB6; position:absolute; left:0; top:50px; width:100%; z-index:4; border:none; animation-name:daohang;	animation: daohang 0.8s ease 0s normal none; -moz-animation: daohang 0.8s ease 0s normal none;	-webkit-animation: daohang 0.8s ease 0s normal none;	-o-animation: daohang 0.8s ease 0s normal none; }
	nav .nav>li ul li { margin:0; padding:0; width:100%; border-radius:0; border-top:1px solid rgba(255,255,255,0.4); }
	nav .nav>li ul li a { display:block; width:100%; color:#FFF; text-align:center; font-size:14px; font-weight:400; padding:15px 10px; white-space: normal; line-height: 1.2em; }
	nav .nav>li:hover ul { display:block; }
	nav .nav>li:hover li>a, nav .nav>li.active:hover a span { color:#FFF; }
	nav .nav>li:hover li>a:hover { background:rgba(255,255,255,0.2); }


footer { background:#00B3A1; padding:50px 0; font-size:12px; color:#FFF; font-family: Verdana; }
	footer a { color:rgba(255,255,255,0.8); }
	footer a:hover { color:rgba(255,255,255,1); }
	footer h2 { font-size:20px; margin:0 0 20px; padding:0; font-weight:400; }
	.footer-contact ul { margin:0 0 30px; padding:0; list-style-type:none; }
	.footer-contact li { margin:0 0 5px; padding:0px; }
	.footer-qr { text-align:right; padding-top:10px; }
	.footer-qr p {text-align: center; }
	.footer-qr img { width:135px; height:135px; }





/* css index */
.index-banner { width:100%; z-index:-1; overflow:hidden; }
	.index-banner .swiper-wrapper { z-index:-1; }
	.banner-container a { display:block; width:100%; }
	.banner-container img { width:100%; }
	.index-banner .swiper-pagination { bottom:10px; }
	.swiper-pagination-bullet { opacity:0.5; width:10px; height:10px;}
	.swiper-pagination-bullet-active { opacity:1; width:40px; border-radius:5px; }

.index-link { text-align: right; }
	.index-link a { display:inline-block; width:180px; height: 40px; line-height: 40px; color:#FFF; background:#A50182; text-align: center; }
	.index-link a:hover { background:#cc7abb; }
.index-profile { padding:100px 0; background: #F6F6F6; }
		.index-profile .container { position:relative; z-index: 1;  }
		.index-profile-pic { width:700px; overflow:hidden; position:absolute; z-index:-1; }
			.index-profile-pic .pic-box img { width:100%; height:170px; }
		.index-profile-box { float:right; width:700px; margin-top:135px; background:#FFF; padding:65px 80px 35px; z-index: 2; min-height:300px; }
			.index-profile-box h2 { font-size:36px; line-height:1.2; font-weight:700; color:#000; margin:0 0 15px; padding:0; }
			.index-profile-c { color:#888; font-size:14px; line-height:1.8; font-family: Verdana; margin-bottom: 35px; }


.index-prod { padding:90px 0 100px; }
	.index-prod .index-title h2 { text-align:center; color:#000; margin:0 0 10px; font-size:36px; line-height:1.2; font-weight:700; }
		.index-prod .index-title h2:after { content:''; display:block; margin:15px auto; width:60px; height: 3px; background:#00AF9F; }
	.index-prod-list { margin:80px 0 0 -60px; padding:0 0 0; list-style-type:none; }
		.index-prod-list li { overflow:hidden; padding:0 0px 0 60px; margin:0; }
		.index-prod-list li a { display:block; background:#00AF9F; padding:0; }
		.index-prod-list li .pic-box { width:360px; height:260px; overflow:hidden; margin:0; }
		.index-prod-list li .pic-box img { width:360px; height:260px; }
		.index-prod-list li:hover .pzoom img { transform: scale(1.2); }
		.index-prod-list li h3 { font-size:20px; color:#FFF; margin:0 0 0px; padding:10px; font-weight:400; height: 50px; display: flex; justify-content:center; align-items: center; }
		.index-prod-list li:hover h3 { color:#FFF; }







/* css of subpages */
.sub-banner { }
	.sub-banner img { width:100%; }
.dir { padding:20px 0 10px; }
.sub-main .container { padding:75px 0; }
.sub-left { padding:0; }
	.sub-left ul { margin:0; padding:0; list-style-type:none; }
		.sub-left li { margin:0 0 1px; padding:10px 30px 10px 20px; background:#009F8F url('../images/ico-right.png') no-repeat 95% center; background-size:auto 15px; font-size:16px; }
		.sub-left li a { display:block; width:100%; color:#FFF; }
		.sub-left li:hover,.sub-left li.active { background-color:#00CAB6; }
.sub-right { padding:0 0 0 60px; }
.sub-title h1 { font-size:32px; font-weight:700; margin:0; padding:0px 0 40px; line-height:1.2em; }
	.sub-title h1:after { content:''; width:60px; height: 3px; background:#00AF9F; display: block; margin:12px 0 0;}
	.sub-title.text-center h1:after { margin:12px auto 0; }
h1.title { text-align:center; font-size:32px; color:#8F000F; font-weight:normal; padding:20px 20px 10px; font-weight:300; }
		.sub-container article { margin:0px 0px; height:auto; font-size:14px; font-family: Verdana; }
		.sub-container article p {  }
		.sub-container article img { max-width:100%; }


.prodlist { margin:30px 0 0 -30px; padding:0 0 0; list-style-type:none; }
	.prodlist li { overflow:hidden; padding:0 0px 50px 30px; margin:0; }
	.prodlist li a { display:block; padding:0; }
	.prodlist li .pic-box { width:260px; height:160px; overflow:hidden; margin:0; }
	.prodlist li .pic-box img { width:260px; height:160px; }
	.prodlist li:hover .pzoom img { transform: scale(1.2); }
	.prodlist li h3 { font-size:14px; line-height: 1.2em; margin:15px 0 0px; padding:0px 10px; font-weight:400; height:2.4em; display: flex; justify-content:center; align-items:flex-start; color:#000; text-align: center; }

.certlist { margin:30px 0 0 -60px; padding:0 0 0; list-style-type:none; }
		.certlist li { overflow:hidden; padding:0 0px 50px 60px; margin:0; }
		.certlist li a { display:block; padding:0; }
		.certlist li .pic-box { width:360px; height:253px; overflow:hidden; margin:0; }
		.certlist li .pic-box img { width:360px; height:253px; }
		.certlist li:hover .pzoom img { transform: scale(1.2); }
		.certlist li h3 { font-size:14px; line-height: 1.2em; margin:15px 0 0px; padding:0px 10px; font-weight:400; height:2.4em; display: flex; justify-content:center; align-items:flex-start; color:#000; text-align: center; }

/* R&D research */
.research { padding:20px 0 50px; }
	.bggreen { background:#00B09F; }
	.bgblue { background:#0068B7; }
	.bgpink { background:#E9546B; }
	.bggrassgreen { background:#008843; }
	.research h2 { margin:0 0 20px; padding: 0; font-size:36px; font-weight:700; line-height: 1em; }
	.research-block { padding:0 20px 20px 0; }
	.research-box { background:#F8F8F8; position:relative; }
	.research-time-box {  }
			.research-time { font-size:20px; color:#FFF; text-align: center; height:40px; line-height: 40px; padding:0 0px; margin:0 20px 0 0; position:relative; }
			.research-time:before { content:''; display:block; width:0; height:0; border:20px solid transparent; border-left-color:#F8F8F8; position: absolute; left:0px; top:0; }
			.research-time:after { content:''; display:block; width:0; height:0; border:20px solid transparent; border-left-color:#F8F8F8; position: absolute; right:-40px; top:0; }
		 .research-time.bggreen:after { border-left-color:#00B09F; }
		 .research-time.bgblue:after { border-left-color:#0068B7; }
		 .research-time.bgpink:after { border-left-color:#E9546B; }
 .research-box article { height:370px; padding:25px; }
 	.research-box article img { max-width:100%; margin:10px; }
 .col-xs-12.research-block .research-box { padding-right:80px; }
 .col-xs-12.research-block .research-time-box { position:absolute; width:330px; transform:rotate(90deg); right:-145px; top:145px; }
 .col-xs-12.research-block article { height:330px; }
 .pull-right .research-time { margin:0 0px 0 20px; }
 .pull-right .research-time:before { border-left-color:transparent; left:-40px; }
 .pull-right .research-time:after { border-left-color:transparent; right:0; }
 .pull-right .research-time.bgblue:before { border-right-color:#0068B7; }
 .pull-right .research-time.bgblue:after { border-right-color:#F8F8F8; }
 .pull-right .research-time.bggrassgreen:before { border-right-color:#008843; }
 .pull-right .research-time.bggrassgreen:after { border-right-color:#F8F8F8; }
 .research-block2 { float:left; width:400px; margin:20px 30px 40px 0; position:relative; }
 	.research2-timeline { float:left; width:100%; background:#DBDBDB; height:40px; padding:0 0px; margin:10px 0px 0 0px; position:relative; z-index: 0; }
	.research2-timeline:before { content:''; display:block; width:0; height:0; border:20px solid transparent; border-left-color:#FFF; position: absolute; left:0px; top:0; }
	.research2-timeline:after { content:''; display:block; width:0; height:0; border:20px solid transparent; border-left-color:#DBDBDB; position: absolute; right:-40px; top:0; }
 	.research-box2 { color:#FFF; }
		.research-box2 article { padding:35px; }
		.research-box2 article h3 { font-size:20px; margin:0 0 20px; padding:0; }
		.research-box2 article img { max-width:100%; margin:10px; }
	.research-arrow { position:absolute; bottom:-42px; left:190px; width:25px; height: 25px; background:url('../images/research-arrow.png') no-repeat center center; z-index: 1; }
	.research-dot { position:absolute; bottom:-82px; left:190px; width:25px; height: 25px; background:url('../images/research-dot.png') no-repeat center center; z-index: 1; }
.research-block3 { float:left; width:900px; margin:48px 30px 0px 150px; position:relative; }
	.research-block3 .research-arrow { bottom:auto; top:-41px; left:auto; right:50px; transform:rotate(180deg); }
	.research-block3 .research-dot { bottom:auto; top:-81px; left:auto; right:50px; }
	.professor { float:right; width:233px; position:relative; text-align: center;}
		.professor h4 { position:absolute; width:100%; height:60px; bottom:0; background:#B3DCC7; font-size:18px; color:#008743; line-height: 60px; margin:0; padding:0; text-align: center; }


/* history */
.history { position:relative; padding:50px 0 100px; }
	.history-timeline { position:absolute; left:420px; top:0; width:1px; height:100%; background:#DBDBDB; z-index:0; }
	.history-timeline:before { content:''; display: block; margin-left:-12px; width:26px; height: 23px; background:url('../images/history-arrow.png') no-repeat center center; z-index:0; }
	.history-timeline:after { content:''; display: block; position:absolute; bottom:0; left:-33px; width:66px; height: 71px; background:url('../images/history-logo.png') no-repeat center center; z-index:0; }
	.history-block { width:420px; border-top:1px solid #DBDBDB; padding:20px 0 40px; position:relative; z-index:1; }
	.history-block:before { content:''; display:block; width:15px; height: 15px; border-radius:7px; background:#F08300; position:absolute; right:-8px; top:-7px; }
	.history-block:nth-child(2) { margin-top:80px; }
	.history-block:nth-child(even) { float:right; padding-left:100px; }
	.history-block:nth-child(odd) { float:left; padding-right:100px; }
	.history-block:nth-child(even):before { left:-7px; right:auto; }
		.history-block h2 { font-size:20px; font-weight:700; margin:0 0 20px 0; padding:0; line-height: 1em; }
		.history-box { color:#FFF; padding:20px; }
			.history-block:nth-child(4n+1) .history-box { background:#0068B7; }
			.history-block:nth-child(4n+2) .history-box { background:#E9546B; }
			.history-block:nth-child(4n+3) .history-box { background:#008843; }
			.history-block:nth-child(4n+4) .history-box { background:#00B09F; }
			.history-block:nth-child(4n+1)  h2 { color:#0068B7; }
			.history-block:nth-child(4n+2)  h2 { color:#E9546B; }
			.history-block:nth-child(4n+3)  h2 { color:#008843; }
			.history-block:nth-child(4n+4)  h2 { color:#00B09F; }