/*css reset*/
html {width: 100%; height: 100%;}
body {background: #fff; width: 100%; height: 100%; min-height: 100%; font-family: 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form,
fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0; padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
/* ol, ul {list-style: none;} */
caption, th {text-align: left;}
q:before, q:after {content: '';}
abbr, acronym {border:0; font-variant: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, textarea, select {font-family: inherit; font-size: inherit; font-weight: inherit; outline: none;}
input, textarea, select {*font-size: 100%;}
legend {color: #000;}
a:hover{text-decoration: none;}
a {color: #000;}
.hide {display: none;}
.show {display: block !important;}
div, a {
	-webkit-tap-highlight-color: transparent;
			tap-highlight-color: transparent;
}

/* ol,ul,li {list-style: none; margin: 0; padding: 0;} */
ol,ul,li {list-style-position: inside;}

a,img {outline: none;}
:focus {outline: -webkit-focus-ring-color auto 0px;}
button {padding: 0; outline: none; border:none;}
.img {display: block;}

img.full {display: block; width: 100%;}
img {display: block;}

.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
.clear{clear:both;}

.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}

.fixed-top {position: fixed; bottom: auto; top: 0;}
.fixed-bottom {position: fixed; bottom: 0; top: auto;}
.fixed-left {position: fixed; right: auto; left: 0;}
.fixed-right {position: fixed; right: 0; left: auto;}

* html,  * html body {background-image: url(about: blank); background-attachment: fixed;}
* html .fixed-top {position: absolute; bottom: auto;  top: expression(eval(document.documentElement.scrollTop));}
* html .fixed-right {position: absolute;  right: auto; left: expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}
* html .fixed-bottom {position: absolute; bottom: auto;  top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html  .fixed-left {position: absolute;  right: auto; left: expression(eval(document.documentElement.scrollLeft));}

.m0 {margin: 0;}
.mtb20 {margin: 20px 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}

.p0 {padding:0;}
.p20 {padding: 20px;}
.p40 {padding: 40px;}

.ptb20 {padding: 20px 0;}
.ptb40 {padding: 40px 0;}

.font10 {font-size: 10px;}
.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font24 {font-size: 24px;}
.bold {font-weight: bold;}

.fl {float: left;}
.fr {float: right;}

.overflow-hidden {overflow: hidden;}
.overflow-auto {overflow: auto;}

.text-align-c {text-align: center}
.text-align-l {text-align: left}
.text-align-r {text-align: right}

.fullWidth {width: 100%;}
.fullHeight {height: 100%;}
.inline-block {display: inline-block;}
.alpha95 {filter: alpha(opacity= 95); -moz-opacity: .95; opacity: .95;}
.alpha90 {filter: alpha(opacity= 90); -moz-opacity: .90; opacity: .90;}
.alpha80 {filter: alpha(opacity= 80); -moz-opacity: .80; opacity: .80;}
.alpha70 {filter: alpha(opacity= 70); -moz-opacity: .70; opacity: .70;}
.alpha60 {filter: alpha(opacity= 60); -moz-opacity: .60; opacity: .60;}
.alpha50 {filter: alpha(opacity= 50); -moz-opacity: .50; opacity: .50;}
.alpha40 {filter: alpha(opacity= 40); -moz-opacity: .40; opacity: .40;}
.alpha30 {filter: alpha(opacity= 30); -moz-opacity: .30; opacity: .30;}
.alpha20 {filter: alpha(opacity= 20); -moz-opacity: .20; opacity: .20;}
.alpha10 {filter: alpha(opacity= 10); -moz-opacity: .10; opacity: .10;}
.alpha00 {filter: alpha(opacity=  0); -moz-opacity:   0; opacity:   0;}

.cursor-pointer {cursor: pointer;}
.underline {text-decoration: underline;}
.duration2 {-webkit-animation-duration: 2s !important; animation-duration: 2s !important;}

.top-border {border-top: 1px solid #efefef !important;}

::-webkit-input-placeholder {color: #000 !important;} 
::-webkit-input-placeholder:active {color: #aaa !important;} 
.white {color: #fff;}
.blue {color: #004898!important;}
.brilliant-blue {color: #33ccff!important;}
.bg-blue {background: #004898;}
html {
	font-size: 62.5%;
	text-align: center;}

html, body {
	width: 100%;
	position: relative;
	height: 100%;
    }
body {
	max-width: 960px;
	margin: 0 auto;
    background: #fff;
    color:#000;
    font-family: 'NotoSansHans','Heiti SC', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;
}

@media (max-width: 480px) {
	html#index,html#index body{width: 100% !important; overflow-x: hidden;}
}


#navbar {
	background: #002865;
	margin: 0;
	border-radius: 0;
}
.navbar {
	border-left: none;
	border-right: none;
	border-radius: 0;
	margin-bottom: 0px;
}
.navbar a{
	background: transparent;
	height: 100%;
	color: #fff;
}
.dropdown-toggle {
	background: #fff;
}
.navbar-default .navbar-nav>li>a {
	color: #fff!important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	background: #35e5eb;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background: #35e5eb;
}

.dropdown-menu{
	list-style: none;
}

.dropdown-menu>li>a {
	/* color: #fff!important; */
	/* background-color: transparent!important; */
	font-size: 12px;
	color: #888;
}
.dropdown-menu li:hover, .dropdown-menu li.active{
	background-color: #35e5eb!important;
	color: #888!important;
}
.dropdown-menu li.dropdown-header {
	background-color: transparent!important;
	font-weight: bold;
	font-style: bold;
}
.dropdown-menu li.active a{
	background-color: transparent;
}
.dropdown-menu li:hover a{
	color: #888!important;
}

@media (max-width: 768px) {

	.dropdown-menu li.dropdown-header{
		color: #fff !important;
		font-weight: bold;
		font-style: bold;
	}

	.dropdown-menu li.active a{
		background-color: transparent;
	}
	.dropdown-menu li:hover a{
		color: #fff !important;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li{
		font-weight: bold;
		font-style: bold;
		color: #fff !important;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color: #fff !important;
	}
}


.arrow-up {
	margin: 0 auto;
	margin-top: -7px;
    width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:8px solid #fff;
}
.content{
	display: inline-block;
	margin-bottom: 80px;
	text-align: left;
	color: #333333;
	line-height: 1.3;
}
.technology-application .title1 {
	color: #004898;
	font-size: 24px;
	margin-top: 60px;
	text-align: center;
}
.technology-application .title2 {
	color: #004898;
	font-size: 15px;
	margin-bottom: 14px;
	margin-top: 30px;
}
.technology-application .content p{
	margin-bottom: 10px;
}
@media (max-width: 768px) {
	.tech-img{
		margin-top: 20px;
	}
}
.caseNavbar {
	margin: 25px 0;
}
.caseNav {
	padding: 10px 0;
	text-align: center;
	font-size: 20px;
	color: #003366;
	cursor: pointer;
	border-right: 1px solid #000;
}
@media (max-width: 768px) {
	.caseNav {
	border-right: none;
	}
}
.caseNav img {
	display: inline-block;
	width: 20px;
	height: 20px;
}
.caseNav span {
	margin-left: 5px;
}
.caseContent div{
	width: 49%;
}

.case1,.case2,.case3{
	padding: 20px 0px 40px;
}

.caseContentText {
	color: #b3b3b4;
	font-style: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
}
.case-applications .case2,
.case-applications .case3 {
	display: none;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide p {
	text-align: center;
	margin: 10px auto;
}
.swiper-next, .swiper-prev {
	width: 12px;
	height: 28px;
	position: absolute;
	z-index: 5;
	top: 50%;
	margin-top: -14px;
	cursor: pointer;
}
.swiper-next {
	right: 0px;
}
.swiper-prev {
	left: 0px;
}
.product-swiper2 .swiper-next,
.product-swiper2 .swiper-prev {
	margin-top: -27px;
}
.case-applications-swiper .swiper-next,
.case-applications-swiper .swiper-prev {
	margin-top: -27px;
}
.swiper-next .arrow-right{
    width:0; 
    height:0; 
    border-top:14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 12px solid #004898;
}
.swiper-prev .arrow-left{
    width:0; 
    height:0; 
    border-top:14px solid transparent;
    border-bottom:14px solid transparent;
    border-right:12px solid #004898;
}
.swiper-button-disabled .arrow-right{
	border-left: 12px solid rgba(255,255,255,0.2);
}
.swiper-button-disabled .arrow-left{
	border-right: 12px solid rgba(255,255,255,0.2);
}
.case-more {
	font-size: 18px;
}
.product-swiper1 {
	width: 100%;
	height: 100%;
}
.product-right hr {
	margin: 15px auto;
}
.more-inf hr {
	margin: 0 auto 15px auto;
}
.product-right .more-inf .more-inf-text {
	color: #fff;
	background: #004898;
	display: inline-block;
	font-size: 10px;
	padding: 2px;
}

.product-right .more-inf .more-inf-text a{
	color: #fff;
}

.product-main-function li {
	list-style: inside disc;
	font-size: 12px;
}
.product-related-cases p {
	margin: 5px auto 10px auto;
}

.homepage-btm{
	margin-left: -2px;
	margin-right: -2px;
}

.homepage-btm-img {
	margin-top: 10px;
	padding-left: 2px;
	padding-right: 2px;
}
.gallery-top {
	width: 100%;
	margin-top: 40px;
	margin-bottom: 20px;
}
.gallery-top .swiper-slide{
	width: 100%;
	height: 100%;
}
.redBorder {
	border: 1px solid red;
}
.product-swiper2 {
	margin-top: 30px;
	margin-bottom: 10px;
}
.product-swiper2 .swiper-slide p {
	font-size: 10px;
}
.gallery-top img {
	width: 70%;
	margin: 0 auto;
}
.gallery-thumbs, .gallery-bottom {
	width: 90%;
}
.content {
	max-width: 100%;
}
.container {
	max-width: 100%;
}
.contactus-title {
	font-size: 24px;
}
.contactus-question {
	margin-bottom: 20px;
}
.inputGroup p {
	text-align: right;
}
.contactus .row {
	margin-top: 20px;
}
.contactus .checkbox {
	margin-top: 10px;
}
.inputGroup input {
	border: 1px solid #555;
	width: 100%;
	height: 28px;
	text-indent: 1em;
	border-radius: 3px;
}
.checkbox-group .row {
	margin-top: 0;
}
.checkbox-group p {
	margin-bottom: 20px;
}
.submit button {
	margin: 30px auto 10px auto;
	padding: 5px; 
}
@media (max-width: 768px) {
	.inputGroup p {
		text-align: left;
	}
	.inputGroup input {
		margin: 10px auto;
	}
}
.case-applications-swiper .swiper-container {
	width: 90%;
}
.phone-navBar {
	z-index: 9;
	color: #fff;
}
.phone-navBar a{
	color: #fff;
}
.phone-button button{
	border: 1px solid #fff;
	background: transparent;
	width: 30px;
	height: 30px;
	margin: 5px;
	padding: 3px;
	border-radius: 5px;
}
.glyphicon {
	font-size: 20px;
}
.phone-nav-fir-cont {
	font-size: 18px;
}
.phone-nav-fir {
	position: absolute;
	z-index: 9;
	right: 0;
	width: 100%;
	text-align: center;
	display: none;
}
.phone-nav-sec {
	display: none;
	color: #555;
}
.phone-nav-sec li{
	color: #555;
}
.phone-nav-fir li{
	width: 100%;
	text-align: center;
}
.phone-nav-sec .nav-line{
	width: 80%;
	height: 1px;
	margin: 0 auto;
	border-top: 1px solid #f5f5f5;
}
.leading1.content {
	position: relative;
	width: 100%;
	height: 100%;
}
.leading1-section {
	position: absolute;
}

.leading1-section li{list-style: none;}

.sectionA {right: 50%;margin-right: 20px;margin-top: 80px;}
.sectionB {left: 50%;margin-left: -15px;margin-top: 100px;}
.sectionC {top: 340px;right: 50%;margin-right: -20px;margin-top: 5px;}
.sectionD {top:360px;left: 50%;margin-left: 25px;margin-top: 5px;}



.leading1 .section-box {
	position: relative;
	width: 260px;
	height: 260px;
	padding-left: 40px;
	padding-top: 10px;
	padding-right: 5px;
	color: #fff;
}
.leading2 .section-box {
	padding: 10px 10px 10px 40px;
	color: #fff;
	margin: 5px auto;
}

.leading1 .section-box a,
.leading2 .section-box a{
	color: #fff;
}

.section-img {
	width: 80px;
	float: right;
}
.sectionA-box {
	background: #62d2e7;
	padding-top: 20px;
}
.sectionB-box {
	background: #5bc885;
}
.sectionC-box {
	padding-top: 20px;
	background: #ffb805;
}
.sectionD-box {
	background: #e68865;
}
.sectionA-arrow {
	position: absolute;
	top: -45px;
	width:0; 
    height:0; 
    border-left:130px solid transparent;
    border-right:130px solid transparent;
    border-bottom:45px solid #637cd4;
}
.sectionB-arrow {
	position: absolute;
	right: -45px;
	width:0; 
    height:0; 
    border-top:130px solid transparent;
    border-bottom:130px solid transparent;
    border-left:45px solid #a3ffc6;
}
.sectionC-arrow {
	position: absolute;
	left: -45px;
	width:0; 
    height:0; 
    border-top:130px solid transparent;
    border-bottom:130px solid transparent;
    border-right:45px solid #fe9b65;
}
.sectionD-arrow {
	position: absolute;
	bottom: -45px;
	width:0; 
    height:0; 
    border-left:130px solid transparent;
    border-right:130px solid transparent;
    border-top:45px solid #feef65;
}

 .navbar-toggle .icon-bar {
	background-color: #fff!important;
}

.navbar-toggle {
	background-color: transparent;
}

.navbar-toggle:hover,.navbar-toggle:focus {
	background-color: unset!important;
}

.case-applications-swiper .swiper-slide,
.case-applications-swiper .swiper-wrapper {
	height: 100%!important;
}

.product-swiper1 .gallery-thumbs .swiper-slide,
.product-swiper1 .gallery-thumbs .swiper-wrapper {
	height: 100%!important;
}

.product-swiper2 .swiper-slide,
.product-swiper2 .swiper-wrapper {
	height: 100%!important;
}

.gallery-thumbs .swiper-slide .imgWrap{
	width: 96%;
	padding: 2px;
	margin: 0px auto;
	border: 1px solid #999;
	cursor: pointer;
}

.gallery-thumbs .swiper-slide .redBorder{
	border: 1px solid red;
}

.radioSelect{margin-right: 5px;}

#caseOtherProduct a{display: block; padding: 5px;}

#checkSelect label{margin-left: 5px;}

#otherProductsList img,#caseOtherProduct img{border: 1px solid #999; padding: 10px;}

.caseblock {position: static; width: 60%; margin: 80px auto;}

.caseblock .section-box{width: 100%;}

#videoBlock{position: relative;}
#indexA{position: absolute; width: 300px; height: 150px; background: url(../images/a.png) no-repeat; display: block; bottom: 0px; left: 370px; z-index: 1000;}
#indexB{position: absolute; width: 300px; height: 150px; background: url(../images/b.png) no-repeat; display: block; top: 0px; right: 20px; z-index: 1000;}
#indexC{position: absolute; width: 300px; height: 150px; background: url(../images/c.png) no-repeat; display: block; top: 35px; left: 30px; z-index: 1000;}
#indexD{position: absolute; width: 300px; height: 150px; background: url(../images/d.png) no-repeat; display: block; bottom: 0px; right: 20px; z-index: 1000;}

#indexTip p{width: 180px; margin: 0px auto; color: #fff; margin-bottom: 5px;}
#indexTip p a{color: #fff;}
#indexTip p a:hover{text-decoration: underline;}
#indexTip p.title{font-weight: bold; font-style: bold; margin-top: 20px; font-size: 18px;}

#indexTip #indexD p.title,
#indexTip #indexA p.title{margin-top: 35px;}