*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
ol, ul{ margin:0;}
p{ margin:0;}
.h1, .h2, .h3, h1, h2, h3{ margin:0; font-family:"微软雅黑";}
.cor_red{ color:#c7000a;}
.cor_black{ color:#000000;}
.f22{ font-size:22px;}
.clear{ clear:both;}
.shows{ display:block;}
.hides{ display:none;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html { -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}
body { background:#eeeeee; font-family:"微软雅黑"; position: relative; height: 100%; *cursor: default;}
.container{ background:#FFFFFF;}
.swiper-container {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  bottom: 10px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-scrollbar {
	background:none;
    position: absolute;
    right: 0px;
    top: 40px;
    height: 90%;
    width: 10px !important;
	border-radius:0;
}
.swiper-scrollbar .swiper-scrollbar-drag {
    background:#cccccc;
	border-radius:0;
}
.container{ padding:25px;}
header{ padding:5px 0 20px;}
.logo{ padding:0; height:auto;}
.navlist{ padding-left:50px; padding-top:22px;}
.navlist li a{ background:url(../image/navlist_libg.jpg) left center no-repeat;}
.navlist li:first-child a{ background:none;}
nav.navbar.bootsnav{ border:none;}
nav.navbar.bootsnav ul.nav > li > a{ font-size:14px; color:#666666; line-height:24px; padding:0 15px; font-weight:normal;}
nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li > a.active{ color:#00c6b5;}
.attr-nav{ margin-right:0; height:30px; margin-top:14px; margin-left:0;}
.attr-nav > ul{ margin:0;}
.attr-nav > ul > li > a{ padding:5px 15px; font-size:14px; color:#999999; border-radius:15px; font-family:"微软雅黑" ;}
.attr-nav > ul > li > a.active{ color:#FFFFFF;
background: -webkit-linear-gradient(left, #00b9aa , #69f47a); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #00b9aa, #69f47a); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #00b9aa, #69f47a); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #00b9aa , #69f47a); /* 标准的语法（必须放在最后） */
}

.banner{ padding-bottom:7px;}
.banner .swiper-pagination-bullet{ background:#333333; width:23px; height:2px; opacity:1; border-radius:0;}
.banner .swiper-pagination-bullet-active{ height:10px;}
.banner .swiper-button-prev{ background-image:url(../image/banner_prev.png);}
.banner .swiper-button-next{ background-image:url(../image/banner_next.png);}

.mainTopH2list{ margin:0 -4px;}
.mainTopH2list li{ padding:0 4px 4px;}
.mainTopH2list li a{ position:relative; background:url(../image/mainTopH2listbg.jpg) center center no-repeat; background-size:cover; display:block; font-size:18px; color:#333333; padding:20px 0 25px;}
.mainTopH2list li a:after{ display:block; content:""; margin:10px auto 0;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 6.5px 0 6.5px;
border-color: #00c6b6 transparent transparent transparent;
}
.mainTopH2list li a:before{ position:absolute; left:3%; top:7%; width:94%; height:86%; display:block; content:""; border:1px solid #f4f4f4;}
.mainTopH2list li a:hover,.mainTopH2list li.active a{ color:#FFFFFF;
background: -webkit-linear-gradient(left, #19c0b2 , #78f587); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #19c0b2, #78f587); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #19c0b2, #78f587); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #19c0b2 , #78f587); /* 标准的语法（必须放在最后） */
}
.mainTopH2list li a:hover:after,.mainTopH2list li.active a:after{ border-color: #ffffff transparent transparent transparent;}
.mainTopH2list li.active a:before{ border:none;}

.mainTopconbg{ background:#eeeeee; position:relative; border-bottom:4px solid #00c6b5; display:none;}
.mainTopclose{ position:absolute; right:15px; top:15px; color:#999999; cursor:pointer; font-size:20px; z-index:1;}
.mainTopMore{ display:inline-block; padding:15px 20px; font-size:14px; color:#666666; line-height:26px; font-family:Arial; position:relative; overflow:hidden;}
.mainTopMore:after,.mainTopMore:before{ position:absolute; display:block; content:""; width:14px; height:9px; top:50%; margin-top:-4px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.mainTopMore:before{ background:url(../image/mainTopMorebg1.png) center center no-repeat; left:0;}
.mainTopMore:after{ background:url(../image/mainTopMorebg2.png) center center no-repeat; right:0;}
.mainTopMore:hover{ color:#00C6B5;}
.mainTopMore:hover:before{ left:-20px;}
.mainTopMore:hover:after{ right:-20px;}

.mainTopcon1{ height:630px; border:none;}
.mainTopcon1 .mainTopMore{ position:absolute; bottom:0; left:40%; margin-left:40px;}
.mainTop1Leftbg{ padding-right:0px;}
.mainTop1Left{ height:630px; padding:39px 0; position:relative;}
.mainTop1Left .swiper-container{ padding-right:6px;}
.mainTop1Left .swiper-slide{ line-height:54px; height:54px; background:#00c6b5;}
.mainTop1Left a{ color:#FFFFFF; display:block; padding-left:25%; border-bottom:1px solid #00b1a2; text-align:left; line-height:54px; position:relative;}
.mainTop1Left a:after{ position:absolute; right:-6px; top:50%; margin-top:-10px; display:block; content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 6px;
border-color: transparent transparent transparent #00b1a2;
display:none;
}
.mainTop1Left .active{ background:#00b1a2;}
.mainTop1Left .active a:after{ display:block;}

.mainTop1prev,.mainTop1next{ position:absolute; color:#FFFFFF; cursor:pointer; height:40px; width:100%; text-align:center; font-size:20px; line-height:40px; left:0; right:auto; display:block; padding-right:6px; z-index:1;}
.mainTop1prev i,.mainTop1next i{ background:#00c6b5; display:block; width:100%; height:40px; line-height:40px;}
.mainTop1prev i{ border-bottom:1px solid #00b1a2;}
.mainTop1next i{ border-top:1px solid #00b1a2;}
.mainTop1prev{ top:0;}
.mainTop1next{ bottom:0;}
.mainTop1prev.swiper-button-disabled i:before,.mainTop1next.swiper-button-disabled i:before{ opacity:0.2;}

.mainTop1Right{ padding:50px 5px 0 65px;}
.mainTop1RigTit{ font-size:24px; color:#00c6b5; padding-left:40px; padding-bottom:20px;}
.mainTop1Rigcon{ display:none;}
.mainTop1Rigcon.active{ display:block;}
.mT1Riglist{ height:450px;}
.mT1RigItem{}
.mT1RigItem li{ border-bottom:1px solid #dadada; padding:0 40px; height:56px; line-height:56px;}
.mT1RigItem li a{ font-size:14px; color:#666666; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.mT1RigItem li a:hover{ color:#00c6b5;}
.mCSB_scrollTools{ width:10px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#cccccc; width:100%; border-radius:0;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:#cccccc;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#cccccc;}
.mCSB_scrollTools .mCSB_draggerRail{ background:none;}
.mCSB_inside > .mCSB_container{ margin-right:35px;}

.mainTopcon2{ padding:50px 70px 0;}
.mainTop2 li{ padding-bottom:25px;}
.mainTop2 li .thumbnail{ border:none; padding:0; margin:0; border-radius:0; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.mainTop2Img img{ width:100%; display:block; margin:0 auto; vertical-align:middle;}
.mainTop3Name{ font-size:14px; color:#666666; line-height:32px; padding:14px 15px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.mainTop2 li .thumbnail:hover{ background:#00c6b5; box-shadow:0 0 25px rgba(0,0,0,0.15);}
.mainTop2 li .thumbnail:hover .mainTop3Name{ color:#FFFFFF;}

.mainTopcon3{ padding:50px 50px 0; padding:0;}
.mainTop3{ margin:0 -20px;}
.mainTop3 li{ padding:0 20px 30px;}
.mainTop3 li a{ display:block; background:#FFFFFF; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.mainTop3 li a .media-left{ padding-right:0;}
.mainTop3 li a .media-body{ padding:0 33px;}
.mainTop3 li a .media-heading{ font-size:14px; color:#333333; height:36px;}
.mainTop3Brief{ font-size:14px; color:#666666; line-height:26px; height:104px; overflow:hidden;}
.mainTop3 li a:hover{ box-shadow:0 0 25px rgba(0,0,0,0.15);}

.mainTop3Lef{ padding:20px 0; position:relative;width:100%;}
.mainTopMap{ transition:all 0.3s linear;}
.mainTopMap.active{ /*opacity:0;*/}
.mainTop3ConBg{ position:absolute; left:0; top:0; width:100%; height:100%; padding:20px 15px 20px 19px; display:none;}
.mainTop3Con{ width:100%; height:100%; background:url(../image/mainTop3MapBg.jpg) center center no-repeat; background-size:cover; color:#666666; line-height:24px; padding:35px; display:none; overflow-y:auto; background:rgba(255,255,255,0.8);}
.mainTop3Tit{ font-size:14px; color:#333333; line-height:24px; margin:10px 0; padding-left:20px; background:url(../image/mainTop3TitBg.png) left center no-repeat;}
.mainTop3Con p{ margin:5px 0;}
.mainTop3Rig{ background:#00c6b5; padding:53px 0 54px;}
.mainTop3Rig li:first-child{ border-top:1px solid #00b1a2;}
.mainTop3Rig a{ display:block; color:#FFFFFF; font-size:14px; line-height:53px; border-bottom:1px solid #00b1a2; padding:0 15px 0 35px; transition:all 0.3s linear;}
.mainTop3Rig li.active a{ background:#00b1a2;}
.mainTop3RigCon{ display:none;}

.mainTopcon4{ padding:0; padding-left:6px; background:#FFFFFF; border:none;}
.mainTopcon4Box{ background:#EEEEEE; padding:50px 15px 0; border-bottom:4px solid #00c6b5;}
.mainTop4{ padding-bottom:30px;}
.mainTop4 li{ line-height:56px; padding:0 20px; border-bottom:1px solid #dadada;}
.mainTop4 li a{ font-size:14px; color:#666666; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.mainTop4 li span{ float:right; line-height:56px; height:56px; font-size:12px; color:#999999;}
.mainTop4 li span strong{ font-size:14px; font-weight:normal; padding-right:10px;}
.mainTop4 li:hover a{ color:#00c6b5;}
.mainTop4 li:hover span{ color:#00c6b5;}

.mainH2{ padding:20px 0; line-height:30px;}
.mainH2 h2{ font-size:30px; color:#333333; margin:0;}
.more{ font-size:14px; color:#999999; font-family:Arial;}
.more:hover{ color:#00c6b5;}

.mainNewsTopLink{ display:block; background:#f5f5f5; height:170px; margin-top:20px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.mainNewsTopImg img{ max-width:365px; max-height:170px;}
.mainNewsCon{ padding:0 70px 0 50px;}
.mainNewsTopTit{ font-size:18px; color:#333333; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.mainNewsTime{ font-size:12px; color:#bebebe; font-family:Arial; padding-bottom:10px;}
.mainNewsTime strong{ font-size:18px; padding-right:10px;}
.mainNewsBrief{ font-size:14px; color:#666666; line-height:26px; height:52px; overflow:hidden;}
.mainNewsIco{ text-align:center; width:40px; padding:38px 0; border:1px solid #dddddd; color:#999999; font-size:22px; margin-right:45px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.mainNewsTopLink:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1);}
.mainNewsTopLink:hover .mainNewsTopTit{ color:#00c6b5;}
.mainNewsTopLink:hover .mainNewsIco{ color:#FFFFFF; transform:translateX(-20px); -webkit-transform:translateX(-20px); border:none;
background: -webkit-linear-gradient(bottom, #19c0b2 , #78f587);
background: -o-linear-gradient(top, #19c0b2, #78f587);
background: -moz-linear-gradient(top, #19c0b2, #78f587);
background: linear-gradient(to top, #19c0b2 , #78f587);
}

.mainNewsBot{ padding:25px 0;}
.mainNewsBot li{ line-height:60px; border-bottom:1px solid #eeeeee; position:relative; padding-left:22px;}
.mainNewsBot li a{ font-size:14px; color:#666666; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.mainNewsBot li span{ float:right; font-size:12px; color:#bebebe; font-family:Arial; line-height:60px; height:60px;}
.mainNewsBot li span strong{ font-size:18px; padding-right:10px;}
.mainNewsBot li:before{ display:block; content:""; width:5px; height:5px; background:#999999; position:absolute; left:2px; top:50%; margin-top:-2px;}
.mainNewsBot li:hover:before{ background:#999999;}
.mainNewsBot li:hover a{ color:#999999;}

.mainMore{ margin:0 auto; display:block; font-size:14px; color:#999999; font-family:Arial; border:1px solid #e8e8e8; width:235px; height:46px; line-height:46px; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.mainMore:hover{ color:#00c6b5; border-color:#00c6b5;}

footer{ padding-top:40px;}
.footerTop{ background:#eeeeee; font-size:14px; color:#666666; line-height:32px; padding:45px 0 40px 80px; overflow:hidden;}
.footerTopli{ float:left; border-left:1px solid #dddddd; padding-left:20px; width:20%; min-height:135px;}
.footerTopli a{ transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.footerTopli h3{ margin:0; padding-bottom:10px;}
.footerTopli h3 a{ font-size:14px; color:#666666;}
.footerTopli p a{ font-size:14px; color:#666666; line-height:32px;}
.footerTopli a:hover{ color:#00c6b5;}
.footerBot{ font-size:12px; color:#999999; line-height:30px; padding:10px; background:#dddddd;}
.footerBot a{ color:#999999;}

.bannerN{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.bannerNcon{ position:absolute; left:0; width:100%; top:50%; margin-top:-50px; text-align:center; color:#FFFFFF; text-transform:uppercase; font-size:14px; font-family:Arial;}
.bannerNcon h2{ font-size:40px; margin:0; line-height:180%;}
.classify{ background:#eeeeee; height:60px; line-height:60px;}
.classifyM{ padding:0 15px; font-size:14px; color:#666666; line-height:40px; border-bottom:1px solid #FFFFFF;}
.classifyTit{ font-size:14px; margin:0; line-height:40px;}
.classifyList{ font-size:0; margin:0;}
.classifyList li{ padding:0; margin:0;}
.classifyList li a{ position:relative; display:block; font-size:14px; color:#666666; padding:0 40px; border-left:1px solid #dedede; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.classifyList li:last-child a{ border-right:1px solid #dedede;}
.classifyList li a:after{ position:absolute; left:50%; margin-left:-6px; bottom:-5px; display:none; content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 6.5px 0 6.5px;
border-color: #3fd59e transparent transparent transparent;
}
.classifyList li a:hover,.classifyList li a.active{ color:#FFFFFF;
background: -webkit-linear-gradient(left, #18bfb0 , #6fef88); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #18bfb0, #6fef88); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #18bfb0, #6fef88); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #18bfb0 , #6fef88); /* 标准的语法（必须放在最后） */
}
.classifyList li a:hover:after,.classifyList li a.active:after{ display:block;}

.onepagebox{ font-size:14px; color:#666666; line-height:24px;}
.mainTitBox{ border-bottom:1px solid #dddddd; padding-top:30px; margin-bottom:20px}
.breadNav{ float:right; line-height:62px; font-size:14px; color:#666666; position:relative; z-index:1;}
.breadNav a{ color:#666666;}
.breadNav a:hover{ text-decoration:underline;}
.breadNav span{ color:#999999;}
.breadNav i{ padding-right:8px; transform:scaleY(1.2); -webkit-transform:scaleY(1.2); color:#999999;}
.mainTit{ font-size:24px; color:#333333; margin:0; line-height:62px; padding-left:30px; position:relative;}
.mainTit:after{ position:absolute; left:0; top:50%; margin-top:-7px; display:block; content:""; width:15px; height:15px; border-radius:50%;
background: -webkit-linear-gradient(left, #18bfb0 , #6fef88); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #18bfb0, #6fef88); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #18bfb0, #6fef88); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #18bfb0 , #6fef88); /* 标准的语法（必须放在最后） */
}
.onepagebox1{ padding:0 30px; font-size:14px; color:#666666; line-height:24px;}
.onepagebox1Bot li{ padding-right:80px;}
.onepagebox1Bot p{ margin:0;}

.onepagebox1Bot2 li img{ margin:0;}

.onepagebox2{ padding:0 40px; background:url(../image/onepagebox2bg.jpg) 0 center repeat-x; position:relative;}
.onepagebox2 .swiper-slide{ padding:79px 0;}

.historyBoxbg{ font-size:14px; color:#ffffff; line-height:22px; border-radius:10px; height:115px; width:100%; padding:0 25px; text-align:left; position:relative; top:-79px; margin:29px 0;
	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;
}
.historyBoxbg:after{ position:absolute; left:50%; margin-left:-7px; bottom:-7px; display:block; content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 0 7px;
border-color: #01aed9 transparent transparent transparent;
}
.historyBoxbg:before{ position:absolute; left:50%; margin-left:-7px; bottom:-29px; display:block; content:""; width:15px; height:15px; border:5px solid #01aed9; background:#FFFFFF; border-radius:50%;}
.odd .historyBoxbg{ top:auto; top:79px;}
.odd .historyBoxbg:after{ bottom:auto; top:-7px; border-width: 0 7px 7px 7px; border-color:transparent transparent #01aed9 transparent;}
.odd .historyBoxbg:before{ bottom:auto; top:-29px;}
.nth1 .historyBoxbg{ background-color:#01aed9;}
.nth2 .historyBoxbg{ background-color:#13a55c;}
.nth2 .historyBoxbg:after{ border-color:transparent transparent #13a55c transparent;}
.nth2 .historyBoxbg:before{ border-color:#13a55c;}
.nth3 .historyBoxbg{ background-color:#f07c29;}
.nth3 .historyBoxbg:after{border-color: #f07c29 transparent transparent transparent;}
.nth3 .historyBoxbg:before{ border-color:#f07c29;}
.nth4 .historyBoxbg{ background-color:#e94c57;}
.nth4 .historyBoxbg:after{ border-color:transparent transparent #e94c57 transparent;}
.nth4 .historyBoxbg:before{ border-color:#e94c57;}
.nth5 .historyBoxbg{ background-color:#eaba14;}
.nth5 .historyBoxbg:after{border-color: #eaba14 transparent transparent transparent;}
.nth5 .historyBoxbg:before{ border-color:#eaba14;}
.onepagebox2prev,.onepagebox2next{ width:30px; height:30px; font-size:20px; background:#00b1a2; line-height:27px; border-radius:50%; color:#FFF; position:absolute; top:50%; margin-top:-15px; z-index:1; cursor:pointer; text-align:center;}
.onepagebox2prev{ left:0;}
.onepagebox2next{ right:0;}


.onepagebox3{ padding:0 30px;}
.companylist li a{ font-size:14px; color:#666666; line-height:40px; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;}
.companylist li a:hover{ color:#00c6b5; transform:translateX(1px);}

.mainTit2{ padding:20px 0; margin-top:20px; text-align:center; position:relative;}
.mainTit2 h2{ color:#333333; font-size:20px; background:#eeeeee; display:inline-block; vertical-align:middle; min-width:175px; height:45px; line-height:45px; position:relative; z-index:1;}
.mainTit2:after{ display:block; content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#eeeeee; font-size:0; z-index:0;}

.companyBox2List{ margin:0 -9px;}
.companyBox2List li{ padding:0 9px 30px;}
.companyBox2List li a{ display:block; height:100%; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;}
.companyBox2List li a img{ margin:0 auto; width:100%;}
.companyBox2Conbg{ font-size:14px; color:#666666; line-height:24px; background:#f5f5f5; padding:15px; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;}
.companyBox2Con{ height:48px; overflow:hidden;}
.companyBox2List li a:hover{ box-shadow:0 0 15px rgba(0,0,0,0.15);}
.companyBox2List li a:hover .companyBox2Conbg{ background:#00b1a2; color:#FFFFFF;}
.nohover li a:hover{ box-shadow:none;}

.jobTop{ padding-bottom:20px;}
.jobTop a{ color:#666666;}
.jobList li{border-bottom:1px solid #e8e8e8;}
.jobList li h2,.jobList li h3{ font-size:0;}
.jobList li h2{ background:#00c6b5; line-height:55px;}
.jobList li h3{ line-height:60px; cursor:pointer; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;}
.jobList li h2 span,.jobList li h3 span{ display:inline-block; vertical-align:middle;}
.jobList li h2 span{ color:#ffffff; font-size:14px;}
.jobList li h3 span{ color:#666666; font-size:14px;}
.jobSpan1{ width:15%;}
.jobSpan2{ width:9.5%;}
.jobSpan3{ width:14%;}
.jobSpan4{ width:12%;}
.jobSpan5{ width:12.5%;}
.jobListCon{ padding:20px 40px; font-size:14px; color:#666666; line-height:24px; display:none;}
.jobListCon p strong{ color:#00c6b5; padding:5px 0; display:inline-block;}
.jobListBrief p strong{ color:#333333;}
.jobProcess{ font-size:14px; color:#666666; line-height:30px; padding-top:30px;}
.jobProcess h4{ font-size:18px; color:#333333;}
.jobProcess p{ padding-left:20px;}
.jobProcess p.text-uppercase{ font-size:14px; color:#00c6b5;}
.jobProcess p.text-uppercase a{ color:#00c6b5;}

.jobList li h3:hover,.jobList li h3.active{ background:#eeeeee;}
.jobList li h3:hover span.jobSpan5:last-child,.jobList li h3.active span.jobSpan5:last-child{ color:#00c6b5;}

.contact_map{ height:480px; border:1px solid #e8e8e8; margin-top:20px;}
.contactBot{ overflow:hidden; font-size:14px; color:#666666; padding:35px; line-height:30px;}
.contactBot h4{ font-size:14px; color:#666666;}
.contactBot p{ float:left; width:50%;}

.pageBox{ line-height:33px; font-size:14px; color:#999999;}
.page{ float:left; font-size:0;}
.page a{ font-size:14px; color:#999999; font-family:Arial; display:inline-block; vertical-align:middle; margin:0 4px; padding:0 12px; border:1px solid #dddddd;}
.page a.active{ background:#666666; border-color:#666666; color:#FFFFFF;}
.page a:hover{ border-color:#666666;}
.page a.pal,.page a.par{ font-size:20px;}
.page a.pal{ margin-right:15px;}
.page a.par{ margin-left:15px;}
.page a.pal:after,.page a.par:after{ font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: "\f0d9";}
.page a.par:after{ content: "\f0da";}
.pageNum{ float:right;}


.articleTitbg{ position:relative; padding:20px 0 30px;}
.articleLink{ font-size:14px; color:#999999; border:1px solid #dddddd; width:140px; height:35px; line-height:35px; display:block; border-radius:15px; text-align:center; float:right; transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;}
.articleLink:hover{ color:#00c6b5; border-color:#00c6b5;}
.articleTit{ text-align:center; font-size:24px; line-height:150%; color:#333333;}
.article img.pull-right{ padding:0 0 15px 20px;}
.article img{ max-width:100% !important; height:auto !important;}

.pager li a{ border:none; font-size:14px; color:#999999; border-radius:0; padding:0;}
.pager li a:hover,.pager li a:focus{ background:none; color:#00c6b5;}

.investorList{ padding-bottom:30px;}
.investorList li{ margin-top:-1px;}
.investorList li a{ display:block; padding:0 30px 0 44px; line-height:68px; font-size:14px; color:#666666; border:1px solid #e8e8e8; position:relative; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;}
.investorList li a:before{ display:block; content:""; width:5px; height:5px; position:absolute; left:30px; top:50%; margin-top:-2px; background:#666666; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;}
.investorList li a span{ float:right;}
.investorList li a strong{ font-weight:normal;}
.investorList li a:hover{ color:#00c6b5; box-shadow:0 0 10px rgba(0,0,0,0.08); border-bottom-color:#FFFFFF; border-top-color:#FFFFFF;}
.investorList li a:hover:before{ background:#00c6b5;}
.investorList li a:hover span{ text-decoration:underline;}

.caseTit{ padding:10px 0; line-height:38px; border-bottom:1px dashed #d9d9d9;}
.caseTit{ font-size:14px; color:#999999;}
.caseTit span{ font-size:18px; color:#333333; padding-right:15px;}
.caseList{ padding-top:30px;}
.caseName{ padding:10px 25px; line-height:50px; background:#f5f5f5; margin:0; font-size:14px; color:#333333; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;}
.caseList li a:hover .caseName{ background:#00c6b5; color:#FFFFFF;}

.productToplef{ float:left; width:48.6%; min-height:10px;}
.productToplef img{ width:100%;}
.productToprig{ float:left; width:51.4%; border:1px solid #e8e8e8; padding:20px 40px 10px; font-size:14px; color:#666666; line-height:28px; height:299px;}
.productToprigTit{ font-size:14px; color:#333333; font-weight:bold;}
.productToprigCon{ font-size:14px; color:#666666; line-height:28px; height:224px; overflow:hidden;}
.productToplef .swiper-pagination{ text-align:right; padding-right:25px;}
.productToplef .swiper-pagination-bullet{ width:23px; height:7px; border:1px solid #e8e8e8; background:none; opacity:1; border-radius:0;}
.productToplef .swiper-pagination-bullet-active{ background:#00c6b5; border-color:#00c6b5;}


.productTit{ font-size:20px; color:#333333; border-bottom:1px dashed #d9d9d9; padding:10px 0; line-height:150%; margin-bottom:20px;}
.table tr{ border-bottom:1px solid #e8e8e8;}
.table > thead > tr > th{ border:none; background:#eeeeee; font-size:14px; color:#333333; padding:15px 8px; font-weight:normal;}
.table > tbody > tr > td{ font-size:14px; color:#666666; padding:15px 8px; line-height:26px;}
.detailLink{ font-size:14px; color:#00c6b5;}
.detailLink:hover,.detailLink:focus{ color:#00c6b5;}

.proList{ margin:0 -13px;}
.proItem{ padding:0 13px;}
.proTit{ font-size:14px; color:#333333; line-height:22px; border-bottom:1px solid #e8e8e8; line-height:38px; padding:10px 0 0;}
.proTit a{ position:relative; color:#333333; padding-left:20px; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;}
.proTit a:after{ position:absolute; left:5px; top:50%; margin-top:-2px; background:#666666; width:5px; height:5px; display:block; content:""; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;}
.proItemList{ font-size:14px; color:#666666; line-height:30px; padding:10px 0 10px 20px; min-height:80px;}
.proItemList a{ color:#666666; transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s;}
.proTit a:hover,.proItemList a:hover{ color:#00c6b5;}
.proTit a:hover:after{ background:#00c6b5;}

.navWx{}
.navWxBox{ border:1px solid #CCCCCC !important; width:120px !important; left:50% !important; margin:-60px !important; min-width:0 !important; top:90px !important;}

@media (min-width:1250px){
	.container{ width:1250px;}
	/* .technological li{ width:20%;} */
}
@media (max-width:1600px){
}
@media (max-width:1400px),(max-height:769px){
		
}
@media (max-height:900px) and (min-height:769px){
	
}
@media (min-width:1367px){	
	
}
@media (max-width:1367px) and (max-height:769px){
	
}
@media (max-width:1250px){
	.productToprig{ height:279px;}
	.productToprigCon{ height:196px;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:0 13px;}
	.mainTop3Rig a{ line-height:49px;}
}
@media (max-width:1200px){
	.container{ padding:15px;}
	header{ padding:0 0 15px;}
	.logo img{ max-width:250px;}
	.navlist{ padding-left:15px; padding-top:11px;}
	nav.navbar.bootsnav ul.nav > li > a{ padding:0 9px;}
	.attr-nav{ margin-top:10px;}
	.attr-nav > ul > li > a{ padding:5px 10px;}
	
	.mainTop1Right{ padding:50px 5px 0 10px;}
	
	.mainTopcon2{ padding:50px 40px 0;}
	.mainTop2 li{ padding-bottom:15px;}
	
	.mainTopcon3{ padding:0;}
	.mainTop3{ margin:0 -10px;}
	.mainTop3 li{ padding:0 10px 20px;}
	.mainTop3Con{ padding:25px;}
	.mainTop3Rig{ padding:40px 0;}
	.mainTop3Rig a{ line-height:43px;}
	
	.mainTop4{ padding-bottom:15px;}
	.mainTop4 li{ padding:0 5px; line-height:46px;}
	.mainTop4 li span{ height:46px; line-height:46px;}
	
	.mainNewsCon{ padding:0 30px 0 10px;}
	.mainNewsIco{ margin-right:15px;}
	
	.footerTop{ padding:35px 0 30px 60px;}
	
	.bannerNcon{ font-size:14px; margin-top:-37px;}
	.bannerNcon h2{ font-size:30px;}
	
	.classify{ height:50px; line-height:50px;}
	.classifyList li a{ padding:0 30px; font-size:14px;}
	.onepagebox1Bot li{ padding-right:40px;}
	.historyBoxbg{ padding:0 10px;}
	
	.contact_map{ height:400px;}
	
	.investorList li a{ line-height:58px;}
	
	.productToprig{ height:235px; padding:20px;}
	.productToprigCon{ height:168px;}
}
@media (max-width:992px){
	nav.navbar.bootsnav .navbar-header{ padding:0; color:#00c6b5; text-align:left;}
	nav.navbar.bootsnav .navbar-toggle{ float:right; margin:0; margin-top:8px;}
	.navlist li a{ font-size:12px;}
	.navlist li:first-child a{ background:url(../image/navlist_libg.jpg) left center no-repeat;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:34px;}
	nav.navbar.bootsnav .navbar-nav > li > a{ margin:0; border-top:none;}
	.attr-nav{ right:30px;}
	
	.mainH2 h2{ font-size:26px;}
	.mCSB_inside > .mCSB_container{ margin-right:40px;}
	.mT1RigItem li{ padding:0 15px;}
	
	.mainTopcon3 .mainTopclose{ top:0;}
	.mainTop3Rig a{ padding:0 15px; font-size:12px; line-height:32px;}
	.mainTopcon4{ padding-left:4px;}
	
	.mainNewsTopLink{ height:140px; margin-top:15px;}
	.mainNewsTopImg img{ width:300px; height:140px;}
	.mainNewsCon{ padding:0;}
	.mainNewsTopTit{ white-space:normal; line-height:180%; font-size:14px;}
	.mainNewsBrief{ display:none;}
	.mainNewsIco{ display:none;}
	
	.mainNewsBot li{ line-height:40px;}
	.mainNewsBot li span{ line-height:40px; height:40px;}
	
	.footerTop{ padding:35px 0 30px 30px;}
	
	.classifyBtn{ cursor:pointer;}
	.classify{ height:auto; line-height:normal;}
	.classifyList{ display:none;}
	.classifyList li{ display:block; padding-bottom:8px;}
	.classifyList li a{ padding:0; line-height:30px; border:none !important;}
	.mainTitBox{ padding-top:20px;}
	.breadNav{ float:none; line-height:20px;}
	.mainTit{ font-size:18px; line-height:50px;}	
	.onepagebox1,.onepagebox3{ padding:0 10px;}
	.onepagebox1Bot li{ padding:0 0 15px; width:45%;}
	
	.jobListCon{ padding:10px 15px;}
	.jobSpan4{ display:none !important;}
	.jobSpan1{ width:19%;}
	.jobSpan2{ width:13.5%;}
	.jobSpan3{ width:18%;}
	.jobSpan5{ width:16.5%;}
	
	.contact_map{ height:300px;}
	.contactBot{ padding:25px 0;}
	.contactBot p{ float:none; width:100%;}
	
	.articleTitbg{ padding:0 0 20px;}
	.articleLink{ float:none; margin:0 0 10px;}
	.articleTit{ font-size:20px;}
	.article img.pull-right{ float:none !important; padding:0 0 15px; margin:0 auto;}
	
	.pager{ text-align:left;}
	.pager li{ display:block; padding-top:5px;}
	.pager li a{ float:none !important; font-size:14px;}
	
	.investorList li a{ line-height:48px;}
	
	.productToplef,.productToprig{ float:none; width:100%; height:auto;}
	.productToprig{ margin-top:15px;}
	.productToprigCon{ height:auto;}
	
}
@media (max-width:767px){
	header{ padding:0 0 5px;}
	.attr-nav > ul > li > a{ padding:5px 8px !important;}
	.banner .swiper-pagination-bullet-active{ height:5px;}
	
	.mainTopcon2{ padding:50px 15px 0;}
	
	.mainTopcon3{ padding:50px 15px 0;}
	.mainTop3 li a .media-left{ display:none;}
	.mainTop3 li a .media-body{ display:block; width:100%; padding:15px;}
	.mainTop3 li a .media-heading{ height:auto;}
	.mainTop3Brief{ height:auto;}
	
	.mainTopcon4{ padding:40px 15px 0;}
	.mainTop4{ padding-bottom:0;}
	.mainTop4 li{ padding:0 5px;}
	.mainTop4 li span strong{ font-size:14px; padding-right:5px;}
	
	.mainNewsTopLink{ height:auto;}
	.mainNewsTopLink .media-left{ display:block; padding:0;}
	.mainNewsTopImg img{ display:block; margin:10px auto 0; max-width:100%; max-height:none; width:100%; height:auto;}
	.mainNewsCon{ display:block; width:100%; padding:15px;}
	.mainNewsBrief{ display:block; height:auto;}
	
	.mainNewsBot li a{ font-size:14px;}
	.mainNewsBot li span strong{ font-size:14px; padding-right:5px;}
	.mainMore{ height:36px; line-height:36px;}
	
	.footerTop{ padding:25px 0 20px 0;}
	.footerTopli{ float:none; border-left:none; width:100%; min-height:0; border-bottom:1px solid #dddddd; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
	.footerTopli:last-child{ margin-bottom:0; border-bottom:none;}
	.footerTopli h3{ padding-bottom:0; float:left; line-height:32px; min-width:100px;}
	.footerTopli h3 a{ color:#00c6b5;}
	.footerTopli p{ float:left; padding-right:10px;}
	
	.bannerN img{ display:none;}
	.bannerNcon{ position:static; margin:0; padding:60px 0;}
	.onepagebox1{ padding:0;}
	.onepagebox1Bot li{ padding:0 0 10px; width:100%;}
	.companylist li a{ font-size:14px;}
	
	.companyBox2List li{ padding-bottom:15px;}
	
	.jobList li h2{ line-height:40px;}
	.jobList li h2 span{ font-size:14px;}
	.jobList li h3{ line-height:50px;}
	.jobList li h3 span{ font-size:12px;}
	.jobSpan2,.jobSpan3,.jobSpan5{ display:none !important;}
	.jobSpan5:last-child{ display:inline-block !important;}
	.jobSpan1{ width:75%; text-align:left; padding-left:5%;}
	.jobSpan5{ width:25%;}
	.jobProcess{ padding-top:15px;}
	.jobProcess h4{ font-size:14px;}
	
	.contact_map{ height:250px;}
	
	.pageBox{ line-height:33px; font-size:14px; color:#999999; text-align:center;}
	.page,.pageNum{ float:none;}
	.page img{ margin:0 auto;}
	.pageNum{ padding-top:15px;}
	
	.articleTit{ font-size:18px;}
	
	.investorList li a{ line-height:40px; font-size:14px; padding:0 15px 0 30px;}
	.investorList li a:before{ left:15px;}
	
	.caseTit span{ display:block; padding:0;}
	.caseList li{ padding-bottom:15px;}
	.caseName{ padding:5px 15px; line-height:40px;}
	
	.table > thead > tr > th{ font-size:14px; padding:10px 8px;}
	.table > tbody > tr > td{ font-size:12px; padding:10px 8px;}
	
	.proItemList{ min-height:30px;}
	
}
@media (max-width:640px){
	.onepagebox2{ background-position:center 6px; padding:0;}
	.onepagebox2 .swiper-slide{ padding:0;}
	.historyBoxbg{ top:0 !important; height:auto; padding:20px 10px;}
	.historyBoxbg:before{ bottom:auto; top:-29px;}
	.historyBoxbg:after{ bottom:auto; top:-7px;}
	.nth1 .historyBoxbg:after{ border-width:0 7px 7px 7px; border-color: transparent transparent #01AED9 transparent;}
	.nth3 .historyBoxbg:after{ border-width:0 7px 7px 7px; border-color: transparent transparent #f07c29 transparent;}
	.nth5 .historyBoxbg:after{ border-width:0 7px 7px 7px; border-color: transparent transparent #EABA14 transparent;}
	.onepagebox2prev,.onepagebox2next{ top:6px;}
	
	.detailLink{ float:none !important; display:block;}
}
@media (max-width:460px){
	.navbar{ min-height:0;}
	.logo img{ max-width:140px;}
	.attr-nav{ margin-top:2px; right:20px;}
	nav.navbar.bootsnav .navbar-toggle{ margin-top:-4px;}
	.attr-nav > ul > li > a{ padding:3px 6px !important; font-size:12px;}
	.banner .swiper-button-next,.banner .swiper-button-prev{ width:18px; height:30px; margin-top:-15px; background-size:cover;}
	.mainTopH2list li a{ font-size:14px; padding:10px 0 15px;}	
	.mainTopH2list li a:before{ left:2%; width:96%;}
	
	.bannerNcon{ font-size:12px;}
	.bannerNcon h2{ font-size:24px;}
	
	.contact_map{ height:200px;}
}
@media (max-width:760px) and ( max-height:420px){
}
@media (max-width:360px){
	.technological li{ width:100%;}
	.technological .companyBox2Con{ height:auto;}
}	
@media (max-width:320px){
		
}
@media (max-height:414px){
		
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}