/*sub globe*/
.subBanner{ height:300px }
.subBanner{ color:#FFFFFF;}
.subBanner h3{ float:left; display:inline-block; font-weight:300!important;}
.subBanner img{ float:right; height:300px; width:auto;}

/*leftNav*/
.subLeft{ float:left; width:260px; margin-top:20px;}
.subLeft li, .subLeft li a{ width: 100%; height: 48px; line-height: 48px;float: left;}
.subLeft li a{ background: #FFFFFF; }
.subLeft li a:hover{ background:#f7f7f7;}
.subLeft li{ margin-bottom: 1px; }
.subLeft li a span{ color: #2d2d2d; margin-left: 15px; font-size: 14px;}
.subLeft li a i{ color: #7e93a2; font-size: 10px; margin-left: 5px; font-style: normal; font-weight:100; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif}
.subLeft li.subLeftNavSel a{background: url(../images/navAnchor.png) no-repeat 240px center #368be4!important; background-size: 10px 16px; }
.subLeft li.subLeftNavSel a span, .subLeft li.subLeftNavSel a i{ color: #FFFFFF; }

/*rightContent*/
.subRightNew{float:top; margin:20px 0 40px 40px; display:inline-block; width:800px; background:#FFFFFF; padding-bottom:120px;background:url(../images/newculture.png) no-repeat bottom #FFFFFF;}
.subRight{float:left; margin:20px 0 40px 40px; display:inline-block; width:800px; background:#FFFFFF; padding-bottom:120px;background:url(../images/companyBG.png) no-repeat bottom #FFFFFF;}
.rightTitle{ height:50px; line-height:50px; border-bottom:1px solid #ebebeb;}
.rightTitle img{ float:left; width:24px; height:24px;  margin:13px 0 0 13px;}
.rightTitle h4 span{ float:left; margin-left:14px; font-size:16px; font-weight:400; color:#717f8d;}
.rightTitle h4 i{ color:#717f8d; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:14px; padding-left:10px; font-weight:100!important;}
.rightTitle h5 span{ float:left; margin-left:14px; font-size:14px; font-weight:400; color:#717f8d;}
.rightTitle h5 i{ color:#717f8d; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:12px; padding-left:10px; font-weight:100!important;}
.rightCont{ float:left; width:730px; margin:30px 0 0 55px; }
.rightCont p{ width:94%; margin:30px 0 0 0; color:#2d2d2d; line-height:24px; font-size:14px; text-indent:30px;}
.rightCont p b{ color:#368be4;}

/*about company*/
.companyBanner img, .productBanner img, .contactBanner img{ width:580px;}
.companyBanner, .hrBanner, .contactBanner{ background:#a5d6dd; color:#FFFFFF; font-size:36px;}
.productBanner, .caseBanner{ background: #3e83ca; color: #FFFFFF; font-size: 36px; line-height: 60px;}
.caseBanner{ background: #1060b3!important; }
.hrBanner{ background: #2d80d6!important; }
.contactBanner{ background: #2273c7!important; }
.companyBanner h3, .hrBanner h3{ margin-top:100px;}
.productBanner h3, .caseBanner h3, .contactBanner h3{ margin-top: 90px;}
.hrBanner h3{ font-size: 50px!important; }
.cultureBg{  padding-bottom:280px;}
.culture01, .culture02, .culture03{ float: left; width:114px; height: 52px; text-indent: -200000px; margin:50px 0 0 102px; display: inline-block; }
.culture01{ background:url(../images/culture1.png) no-repeat; }
.culture02{ background:url(../images/culture2.png) no-repeat; }
.culture03{ background:url(../images/culture3.png) no-repeat; }
.partnerDiv{margin-left: -30px; }
.partnerDiv a{ float: left; display: inline-block; margin:50px 0 0 85px; width: 150px; height: 70px; }

.partnerDiv1 a{ float: left; display: inline-block; margin:50px 0 0 30px; width: 150px; height: 70px; font-weight:bold;font-style:italic;  font-size:16px ; }
.gt{ background:url(../images/gt.png) no-repeat; width: 450px; height: 170px; display: inline-block; text-indent: -20000px; margin:40px 0 0 140px; padding-bottom: 50px;}
.adward01 { float: left; margin:20px 0 0  -20px; }
.adward01 li{ float: left; width: 150px; margin:50px 0 0 35px; text-align: center; }
.adward01 li img{ width: 122px; height: 164px; box-shadow: 0 1px 2px 2px #ddd;}
.adward01 li span, .adward02 li span{ margin-top: 10px;  color: #626262;  display: block; font-weight: 100;}
.adward02{ float: left; margin:20px 0 0  -48px; display: inline-block; }
.adward02 li{ float: left; width: 174px;  margin:60px 0 0 78px; display: inline-block; text-align: center;}
/* .adward02 img{ width: 214px; height: 138px; } */
.adward02 img{ width: 174px; height: 118px; }
.adward03 { float: left; margin:20px 0 0  -20px; }
.adward03 li{ float: left; width: 150px; margin:50px 0 0 30px; text-align: center; }
.adward03 li img{ width: 130px; height: 130px;}
.adward03 li span{ margin-top: 10px;  color: #626262;  display: block; font-weight: 100;}

/*product*/
.rightContUl{ margin:20px 0 0 20px; }
.rightContUl li, .rightContDl dd{ line-height: 30px; font-size: 14px;}
.rightUploadImg{ text-align: center; padding: 40px 0; }
.rightUploadImg img{
	width: auto;
}
.rightUploadImg span{ display: block; font-size: 12px; color:#888585; margin-top: 10px; }
.rightContDl{ margin-top: 40px; }
.rightContDl dt{ font-weight: bold; font-size: 18px; }
.rightContDl dd{ list-style-type:disc; }

/*case*/
.caseContent{ margin-left: -26px; padding-bottom: 40px;}
.caseItem{ width: 244px; height: 230px; background: #eeeeee; border-radius: 5px; padding: 5px; float: left; margin:20px 0 0 21px; display: inline-block;}
.caseItem a+a{ color: #474747; font-size: 14px; background:url(../images/anchor02.png) no-repeat right center; line-height: 18px; width: 100%; float: left; margin-top: 3px;}
.caseItem a span{ width: 230px; overflow: hidden; }
.caseItem a:hover{ color: #368be4; }
.caseItem a i{ display: block; font-size: 12px; color: #a3a3a3!important; font-style: normal!important;}

/*contact*/
.contactCon{ background: #FFFFFF; margin-top: 20px; margin-bottom: 40px; }
.contactL{ float: left; padding:40px; width: 280px; }
.contactR{ float: left; padding:40px 0px 0px 0px; width: 350px; }
.contactL h3{ color: #368be4; font-weight: bold;  font-size: 16px; }
.contactL ul{ margin-top: 15px; line-height: 30px; }
.codeImg{ width: 120px; margin:20px auto; text-align: center;}
.codeImg img{ box-shadow: 0 0 3px #dddddd; }
.codeImg span{ display: block;  margin-top: 5px;  color: #2a2a2a; }


.listItem{float: left; width:760px; margin: 20px 0 0 20px; padding-bottom: 20px; }
.listItem{ border-bottom: 1px solid #e7e7e7;}
.listItem h5 a{color: #3089e7; font-size: 18px; font-weight: 100}
.listItem h5 a:hover{color: #062b7a;}
.attachCon { color: #9e9f9f; font-size: 12px; margin-top: 5px;}
.attachCon span{ padding-right: 20px; }
.listItemCon { margin-top: 10px; }
.listItemCon img{ float: left; width: 210px; height: 135px; }
.listItemConR{ float: left; width: 530px; margin: -5px 0 0 20px; display: inline-block; font-size: 14px; }
.listItemConR p{color: #434343;line-height: 24px; height: 110px;}
.listItemConR a{ width: 90px; height: 30px; line-height: 30px; text-align: center; color: #FFFFFF; background: #3089e7; display: inline-block;}
.listItemConR a:hover{ background: #062b7a; }
.page ul{ display: inline-block; margin-left: 20px; }
.page li{ float: left; margin:0 15px 0 0 ; }
.page li a{ border:1px solid #e7ecf0; float: left; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #777777; font-size: 12px; }
.page li a:hover{ background: #f7f7f7; }
.page li a.pageSel{ border:1px solid #3089e7; background:#3089e7; color:#FFFFFF; font-weight: 700;}
.page li a.preNor{ background: url(../images/pageLNor.png) no-repeat center; background-size: 8px 12px;}
.page li a.preNor:hover{ background: url(../images/pageLNor.png) no-repeat center #f7f7f7; background-size: 8px 12px;}
.page li a.preDis{ background: url(../images/pageLDis.png) no-repeat center; background-size: 8px 12px;}
.page li a.nextNor{ background: url(../images/pageRNor.png) no-repeat center; background-size: 8px 12px;}
.page li a.nextNor:hover{ background: url(../images/pageRNor.png) no-repeat center #f7f7f7; background-size: 8px 12px;}
.page li a.nextDis{ background: url(../images/pageRDis.png) no-repeat center; background-size: 8px 12px;}
.mainContent{float: left; width:740px; margin: 20px 0 0 30px; padding-bottom: 20px; }
.mainContent h3{font-size: 24px; font-weight: 100; }
.contentP{ margin-top: 30px; }
.contentImg{ text-align: center;padding-bottom: 25px; }
.contentImg span{ margin-top: 10px; color: #bcbcbc; display: block; font-size: 14px; }
.contentP p{ line-height: 30px; font-size: 14px; padding:5px 0 0 0;color:#434343;}
.contentP h5{ font-size: 18px; font-weight: 700; color: #434343; margin-top: 20px;padding-bottom: 5px;}
.attachCon { color: #9e9f9f; font-size: 12px; margin-top: 5px;}
.attachCon span{ padding-right: 20px; }
.contentNav{ width: 738px; margin-top: 30px; border:1px solid #f2f4f5; background: #f8f8f8; color: #434343; font-size: 14px; line-height: 30px; float: left; clear: both; padding-bottom:5px;}
.contentNav li span{ margin-left: 20px; }
.contentNav a{ color: #3088e7; display: inline-block; margin: 5px 0 0 10px;}
.contentNav a:hover{ color: #062b7a; }
.contentNav a.nocontent{ color: #bebdbd; cursor: default; }