@font-face { font-family: 'calibri'; src: url('../font/calibri.html'); src: url('../font/calibrid41d.html?#font-spider') format('embedded-opentype'), url('../font/calibri-2.html') format('woff'), url('../font/calibri-3.html') format('truetype'), url('../font/calibri-4.html') format('svg'); font-weight: normal; font-style: normal; }

 @charset "utf-8";

/* 初始化CSS */



* { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold; }

fieldset, img { border: none; vertical-align: middle; }

address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }

ul, ol { list-style: none; }

li { list-style-type: none; }

input { padding-top: 0; padding-bottom: 0; font-family: "SimSun", Arial, sans-serif; }

select, input { vertical-align: middle; }

select, input, textarea { margin: 0; font-size: 12px; }

input[type="text"], input[type="password"], textarea { outline-style: none; }

textarea { font-family: "SimSun", Arial, sans-serif; resize: none; }

body { font: 12px "SimSun", Arial, sans-serif; color: #333; background: #fff; }

a { text-decoration: none; color: inherit; }

i, em { font-style: normal; }

.clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ""; }

.clearfix { zoom: 1; }

.fl { float: left; }

.fr { float: right; }

.auto { margin-left: auto; margin-right: auto; }

/*小号文字  scale以12号字体为基准 需写实际字号大小*/



.font_adjust { -webkit-text-size-adjust: none; }

.font_scale8 { -webkit-transform: scale(0.66); }

.font_scale10 { -webkit-transform: scale(0.83); }

.font_lc { -webkit-transform-origin: left center; }

.font_rc { -webkit-transform-origin: right center; }

.font_up { text-transform: uppercase; }

/*transition*/



.tranimg200 img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.tranimg300 img { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }

.tranimg400 img { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; }

.tranimg500 img { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; }

.tranimg1000 img { -webkit-transition: all 1s linear; -moz-transition: all 1s linear; transition: all 1s linear; }

.scaleimg img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }

.tran200 { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.tran300 { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }

.tran400 { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; }

.tran500 { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; }

/*网页限定宽度*/



.con_1000 { position: relative; margin: 0 auto; width: 1000px; }

.con_1000:after { content: ""; display: block; height: 0; clear: both; }

.over_hidden { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

body { font-family: "微软雅黑"; font-size: 12px; }

.w1200 { width: 1200px; margin: 0 auto; }

/*header*/



.headerTop { width: 100%; min-width: 1200px; height: 75px; border-bottom: 1px solid #e8e8e8; }

/*.logo{display: block;float: left;height: 75px;line-height: 75px;}



.logo img{max-height: 175px;}*/







/*0705修改*/



.headerTop .w1200 { height: 75px; position: relative; }

/*.headerStock{height: 48px;line-height: 48px;padding-right: 10px;background: #ffffff;color: #646464;position: absolute;left: 0px;bottom: -49px;



z-index: 99;font-size: 14px;}*/



.headerStock { height: 75px; line-height: 94px; padding-right: 10px; background: #ffffff; color: #646464; z-index: 99; font-size: 14px; float: left; margin-left: 20px; }

/*添加logo效果*/



.logoWrap { display: block; width: 640px; height: 60px; margin-top: 9px; float: left; position: relative; }

.logo { display: block; float: left; position: relative; z-index: 2; }

.logo img { width: 640px; height: 60px; -webkit-animation: svg_3_ani 3s 1.2s ease forwards; -moz-animation: svg_3_ani 3s 1.2s ease forwards; animation: svg_3_ani 3s 1.2s ease forwards; opacity: 0; }

.logoSvg { width: 640px; height: 60px; position: absolute; left: 0px; top: 0px; z-index: 1; -webkit-animation: svg_1_ani 2s 1.6s ease forwards; -moz-animation: svg_1_ani 2s 1.6s ease forwards; animation: svg_1_ani 2s 1.6s ease forwards; }

#path1, #path2, #path3, #path4, #path5, #path6, #path7, #path8, #path9, #path10, #path11, #path12, #path13, #path14, #path15 { stroke-dasharray: 300; stroke-dashoffset: 300; -webkit-animation: svg_2_ani 1s 0.3s ease forwards; -moz-animation: svg_2_ani 1s 0.3s ease forwards; animation: svg_2_ani 1s 0.3s ease forwards; }

 @-webkit-keyframes svg_1_ani { 0% {

 opacity:1;

}

 100% {

 opacity:0;

}

}

 @-moz-keyframes svg_1_ani { 0% {

 opacity:1;

}

 100% {

 opacity:0;

}

}

 @keyframes svg_1_ani { 0% {

 opacity:1;

}

 100% {

 opacity:0;

}

}

 @-webkit-keyframes svg_3_ani { 0% {

 opacity:0;

}

 100% {

 opacity:1;

}

}

 @-moz-keyframes svg_3_ani { 0% {

 opacity:0;

}

 100% {

 opacity:1;

}

}

 @keyframes svg_3_ani { 0% {

 opacity:0;

}

 100% {

 opacity:1;

}

}

 @-webkit-keyframes svg_2_ani { 0% {

 stroke-dashoffset:-300;

}

 100% {

 stroke-dashoffset:0;

}

}

 @-moz-keyframes svg_2_ani { 0% {

 stroke-dashoffset:-300;

}

 100% {

 stroke-dashoffset:0;

}

}

 @keyframes svg_2_ani { 0% {

 stroke-dashoffset:-300;

}

 100% {

 stroke-dashoffset:0;

}

}

.language { float: right; height: 16px; line-height: 16px; padding-top: 26px; padding-left: 20px; background: url(../images/lanBg.png) no-repeat left 26px; color: #92887b; }

.language a { margin-left: 8px; }

.headerBtmWrap { width: 100%; min-width: 1200px;/*height: 48px;*/ position: relative; }

.headerBtm {/*height: 48px;*/ }

.iformBtn { display: block; float: right; width: 41px; height: 42px; margin: 3px 1px 3px 0; cursor: pointer; background: url(../images/formbtn.png) no-repeat center; }

.language { -webkit-animation: extra_ani 0.6s 1s ease-out forwards; -moz-animation: extra_ani 0.6s 1s ease-out forwards; animation: extra_ani 0.6s 1s ease-out forwards; opacity: 0; }

 @-webkit-keyframes extra_ani { 0% {

 -webkit-transform:translateY(-30px);

 opacity:0;

}

 100% {

 -webkit-transform:translateY(0px);

 opacity:1;

}

}

 @-moz-keyframes extra_ani { 0% {

 -moz-transform:translateY(-30px);

 opacity:0;

}

 100% {

 -moz-transform:translateY(0px);

 opacity:1;

}

}

 @keyframes extra_ani { 0% {

 transform:translateY(-30px);

 opacity:0;

}

 100% {

 transform:translateY(0px);

 opacity:1;

}

}

.iformBtn { opacity: 0; /*-webkit-animation:btn_ani 1.8s 3.0s ease-out forwards; -moz-animation:btn_ani 1.8s 3.0s ease-out forwards;animation:btn_ani 1.8s 3.0s ease-out forwards;*/ -webkit-animation: nav_ani 0.5s 2.16s ease-out forwards; -moz-animation: nav_ani 0.5s 2.16s ease-out forwards; animation: nav_ani 0.5s 2.16s ease-out forwards; }

 @-webkit-keyframes btn_ani { 0% {

 opacity:0;

}

 100% {

 opacity:1;

}

}

 @-moz-keyframes btn_ani { 0% {

 opacity:0;

}

 100% {

 opacity:1;

}

}

 @keyframes btn_ani { 0% {

 opacity:0;

}

 100% {

 opacity:1;

}

}

.iform { float: right; height: 42px; margin-top: 4px; display: none; }

.itext { height: 40px; width: 230px; border: 1px solid #ccc; line-height: 40px; font-family: "微软雅黑"; text-indent: 10px; border-right: none; float: left; width: 0; color: #616161; }

.isubm { width: 41px; height: 42px; float: left; background: url(../images/formBtn-2.png) no-repeat center; border: none; cursor: pointer; }

/*首页*/



.imain { width: 100%; height: 700px; min-width: 1200px; position: relative; }

.banWrap { width: 100%; height: 100%; }

.banWrap .slides li { width: 100%; height: 700px; }

.banWrap .slides li .w1200 { height: 700px; position: relative; }

.flexslider .slides img { width: auto; }

.txt { position: absolute; left: 50%; top: 106px; width: 1200px; margin-left: -600px; }

.txt1 { margin-bottom: 18px; }

.txt2 { margin-bottom: 9px; }

/*.txt3{margin-bottom: 10px;}*/



.banWrap .txtBtn { padding-top: 10px; }

.banWrap .flex-prev, .banWrap .flex-next { position: absolute; top: 50%; width: 77px; height: 118px; margin-top: -99px; text-indent: -100em; overflow: hidden; }

.banWrap .flex-prev { left: 0; background: url(../images/arrow-left.png) no-repeat center center; }

.banWrap .flex-next { right: 0; background: url(../images/arrow-right.png) no-repeat center center; }

.flex-control-nav { width: 1200px; position: absolute; left: 50%; top: 276px; margin-left: -600px; margin-top: 0px; }

.flex-control-nav li { margin: 0 9px 0 0 !important }

.flex-control-paging li a { width: 11px; height: 11px; background: url(../images/wDot.png) no-repeat center; }

.flex-control-paging li a:hover, .flex-control-paging li a.flex-active { height: 11px; background: url(../images/bDot.png) no-repeat center; }

/*新闻列表*/



.inewsWrap { position: absolute; left: 50%; margin-left: -600px; top: 375px; z-index: 3; }

.inews { height: 134px; width: 371px; }

.inews h3 { padding-bottom: 1px; background: url(../images/inewsBg.png) no-repeat left bottom; }

.slideBox { width: 365px; height: 104px; overflow: hidden; position: relative; }

.slideBox .bd { position: relative; height: 100%; z-index: 0; width: 370px; overflow: hidden; }

.slideBox .bd .tempWrap { width: 370px !important; overflow: hidden; }

.slideBox .bd li { }

.slideBox .bd li dl a { display: block; color: #fff; font-family: "微软雅黑"; height: 37px; ; line-height: 37px; padding-bottom: 1px; background: url(../images/inewsBg.png) repeat-x left bottom; }

/* 下面是前/后按钮代码，如果不需要删除即可 */



.slideBox .prev, .slideBox .next { position: absolute; left: 0; bottom: 0; display: block; width: 26px; height: 16px; background: url(../images/leftArr.png) no-repeat center; }

.slideBox .next { left: 27px; background: url(../images/rightArr.png) no-repeat center; }

.slideBox .prev:hover { background: url(../images/leftArrOn.png) no-repeat center; }

.slideBox .next:hover { background: url(../images/rightArrOn.png) no-repeat center; }

.slideBox .prevStop { display: none; }

.slideBox .nextStop { display: none; }

/*产品*/



.iprodWrap { width: 100%; height: 142px; position: absolute; left: 0; bottom: 0; background: url(../images/iprodBg.png) repeat; }

.iprodWrap .w1200 { height: 142px; }

.kwicks { width: 1200px; height: 142px; }

.kwicks .kwick { float: left; width: 115px; height: 142px; background: url(../images/y-bg4.png) repeat-y right center;/*2.11 add style*/ overflow: hidden; cursor: pointer; }

.kwicks .kwick div { width: 674px; height: 142px; }

.kwicks .first { width: 674px; }

.kwicks .last { border-right: 0; }

.kwicks .icon { float: left; width: 130px; height: 142px; background-repeat: no-repeat; background-position: center center; }

.kwicks .icon a { display: block; width: 100%; height: 100%; }

.kwicks .icon00 { background-image: url(../images/icon1.png); }

.kwicks .icon01 { background-image: url(../images/icon2.png); }

.kwicks .icon02 { background-image: url(../images/icon3.png); }

.kwicks .icon03 { background-image: url(../images/icon4.png); }

.kwick:hover .icon03 { background-image: url(../images/icon4On.png); }

.kwicks .icon04 { background-image: url(../images/icon5.png); }

.kwicks img { float: left; }

.kwicks .first .icon { background-color: #62ddf1; }

.module .left { position: absolute; left: 0; right: 50%; margin-right: 500px; background: url(../images/index-icon.html) repeat-x; height: 142px; }

.module .right { position: absolute; right: 0; left: 50%; margin-left: 500px; background: url(../images/index-icon.html) repeat-x; height: 142px; }

.kwicks .kwick div.kwick-nr { width: 544px; height: 142px; float: left; }

.kwick-nr p { height: 142px; width: 241px; overflow: hidden; float: left; }

.kwick-nr p img { width: 241px; height: 142px; }

.kwick-nr h3 { color: #f1f1f1; padding-top: 45px; line-height: 26px; margin-left: 26px; width: 252px; float: left; font-size: 12px; font-family: '微软雅黑'; font-weight: normal; color: #c1c2c2; height: 52px; }

/*footer*/



.footerWrap { width: 100%; min-width: 1200px; background: #e9e9e9; padding: 28px 0 24px 0; font-size: 12px; line-height: 24px; color: #646464; }

.footerLeft { font-weight: bold; max-width: 880px; float: left; }

.footerLeft p span { margin-right: 20px; }

.footerLeft p a { margin: 0 7px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; }

.footerLeft p a:hover { color: #000; }

.footerRight { float: right; padding: 0 75px 12px 0; background: url(../images/footerBg.png) no-repeat right bottom; }

/*内页*/



/*产品中心*/



.nyWrap { width: 100%; min-width: 1200px; height:1500px; }

.title { padding: 93px 0 34px 20px; height: 32px; line-height: 32px; position: relative; }

.title:before { content: " "; width: 5px; height: 32px; background: #1bc6e1; position: absolute; left: 0; top: 93px; }

.title span { display: inline-block; *display: inline;

 *zoom: 1;

}

.title .en { font-size: 30px; font-family: "Arial"; color: #fff; text-transform: uppercase; margin-right: 10px; line-height: 32px; }

.title .ch { font-size: 24px; color: #1bc6e1; position: relative; top: -2px; }

.nyNav { }

.nyNav li { float: left; margin-right: 3px; height: 35px; line-height: 35px; }

.nyNav li a { font-size: 14px; color: #666666; display: block; background: #f5f5f5; padding: 0 28px; min-width: 56px; text-align: center; }

.nyNav li.on a { background: #d72630; color: #ffffff; font-weight: bold; }

.nyNav li:hover a { background: #d72630; color: #ffffff; }

.prodWrap { padding: 60px 40px 66px 40px; background: #ffffff; border-bottom: 6px solid #1bc6e1; height: 1200px; }

.prodWrap ul li { width: 206px; height: 389px; float: left; border: 1px solid #cfcfcf; border-bottom: 3px solid #cfcfcf; margin-left: 18px; position: relative; margin-bottom:20px;}

.prodWrap ul li.prod1 { margin-left: 0; }

.prodWrap ul li:first-child,.prodWrap ul li:nth-child(6){ margin-left: 0; }

.prodWrap ul li span { display: block; height: 195px; overflow: hidden; line-height: 195px; text-align: center; border-bottom: 1px solid #cfcfcf; }

.prodWrap ul li span img { max-width: 100%; height: 100%; }

.prodWrap ul li h3 { text-align: center; font-size: 18px; line-height: 26px; color: #666666; font-weight: bold; padding: 20px 0 10px 0; }

.prodWrap ul li div { font-size: 12px; color: #666666; line-height: 20px; height: 80px; overflow: hidden; margin: 0 16px 15px 16px; }

.prodWrap ul li em { display: block; width: 84px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #cfcfcf; border-radius: 10px; margin: 0 auto; color: #666666; }

.prodWrap ul li h5 { display: block; width: 84px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #cfcfcf; border-radius: 10px; margin: 0 auto; color: #666666; }

.prodWrap ul li:hover span img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }

.prodWrap ul li:hover em { border: 1px solid #1bc6e1; color: #1bc6e1; }

.prodWrap ul li:hover h5 { border: 1px solid #1bc6e1; color: #1bc6e1; }

.prodWrap ul li:hover { box-shadow: 5px 5px 5px #eee; }

.prodWrap ul li .line { display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; }

.prodWrap ul li .line { display: block; background: #1bc6e1; position: absolute; z-index: 2; }

.prodWrap ul li .line.line1 { width: 208px; height: 1px; left: -1px; top: -1px; width: 0; }

.prodWrap ul li .line.line2 { width: 1px; height: 389px; left: -1px; top: 0px; height: 0; }

.prodWrap ul li .line.line3 { width: 208px; height: 3px; right: -1px; bottom: -3px; width: 0; }

.prodWrap ul li .line.line4 { width: 1px; height: 389px; right: -1px; bottom: 0px; height: 0; }

.prodWrap ul li:hover .line.line1, .prodWrap ul li:hover .line.line3 { width: 208px; }

.prodWrap ul li:hover .line.line2, .prodWrap ul li:hover .line.line4 { height: 389px; }

/*弹窗*/



.popWrap { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: url(../images/popBg.png) repeat; z-index: 999; display: none; }

.popWrap.contPagePop { display: block; }

.pop { width: 1000px; height: 690px; box-sizing: border-box; background: #fff; position: absolute; left: 50%; margin-left: -500px; top: 50%; margin-top: -345px; padding: 32px 30px 0 30px; }

.newsTitle { font-size: 18px; line-height: 30px; color: #444444; text-align: center; }

.popCont { height: 542px; border: 1px solid #d0cece; margin: 15px; overflow: auto; font-size: 14px; line-height: 26px; color: #666666; text-align: justify; padding: 10px 44px 10px 39px; box-sizing: border-box; position: relative; }

.pop:before { content: " "; width: 5px; height: 542px; background: #f3f3f3; position: absolute; right: 45px; top: 78px; }

.popCont img { max-width: 100%; }

.newsDate { text-align: center; line-height: 30px; color: #666666; }

.detail { font-size: 14px; line-height: 26px; color: #666666; text-align: justify; padding-top: 18px; }

.detail img { max-width: 100%; }

.popClose { display: block; margin: 7px auto 0 auto; font-size: 14px; line-height: 30px; color: #666666; text-align: center; width: 200px; font-size: 14px; color: #666666; line-height: 30px; }

.popClose img { margin-right: 6px; position: relative; top: -2px; }

#ascrail2000 div { background: #1bc6e1 !important; }

/*大事记*/



.nyMain { padding: 40px; background: #ffffff; min-height: 440px; border-bottom: 6px solid #1bc6e1; margin-bottom: 50px; height: 440px; overflow: auto; }

.nyMain .pagination { margin: 20px 34px 0 34px; height: 67px; position: relative; width: 1050px; position: relative; padding-bottom: 28px; }

.nyMain .pagination:after { content: " "; width: 1115px; height: 1px; background: #e9e9e9; position: absolute; left: -32px; bottom: 0px; }

.thumbWrap { width: 1050px; height: 67px; overflow: hidden; }

.thumbWrap .holder { width: 4000px; }

.nyMain .pagination:before { content: " "; width: 1050px; height: 1px; border-bottom: 1px dashed #b1b1b1; position: absolute; left: 0px; top: 37px; z-index: 1; }

.nyMain .pagination .prev, .nyMain .pagination .next { display: block; width: 32px; height: 57px; position: absolute; top: 10px; cursor: pointer; }

.nyMain .pagination .prev { background: url(../images/eventsPrev.jpg) no-repeat center; left: -32px; }

.nyMain .pagination .next { background: url(../images/eventsNext.jpg) no-repeat center; right: -32px; }

.thumbWrap .holder i { display: block; width: 110px; text-align: center; position: relative; z-index: 2; }

.thumbWrap .holder i:first-child { margin-left: 25px; }

.thumbWrap .holder i a { display: block; font-size: 16px; font-weight: bold; color: 666666; line-height: 24px; padding-bottom: 31px; background: url(../images/eventDot.png) no-repeat center 29px; }

.thumbWrap .holder i.selected a { background: url(../images/eventOn.png) no-repeat center 29px; color: #1bc6e1; }

.sliderwrapper .contentdiv { padding-top: 50px; }

.contentdiv dl { margin-bottom: 32px; }

.contentdiv dl dt { width: 137px; height: 99px; float: left; }

.contentdiv dl dt img { width: 100%; height: 100%; }

.contentdiv dl dd { font-size: 14px; line-height: 24px; color: #666666; width: 920px; margin-right: 20px; float: right; padding-top: 30px; }

.contentdiv dl dd { display: table; }

.contentdiv dl dd span { display: table-cell; vertical-align: middle; }

.eventsBtn { padding-left: 172px; }

.eventsBtn a { display: inline-block; *display: inline;

 *zoom: 1;

width: 108px; height: 32px; text-align: center; border: 1px solid #dcdcdc; font-size: 14px; color: #666666; line-height: 32px; margin-right: 10px; }

.eventsBtn a:hover { border: 1px solid #1bc6e1; color: #1bc6e1; }

/*联系我们*/



.contactLeft { width: 506px; float: left; font-size: 14px; line-height: 30px; color: #666666; height: 440px; overflow: auto; padding-right: 15px; }

.company { padding: 25px 0 20px 0; }

.company h3 { font-size: 24px; line-height: 26px; color: #333333; margin-bottom: 4px; font-weight: normal; }

.company h4 { line-height: 26px; color: #999999; text-transform: uppercase; font-weight: normal; }

.contact { font-size: 14px; line-height: 30px; color: #666666; text-align: justify; }

.contact img { max-width: 100%; }

.contactRight { width: 572px; height: 402px; float: right; }

/*关于我们*/



.aboutWrap { font-size: 14px; line-height: 26px; color: #666666; text-align: justify; height: 440px; overflow: auto; }

.aboutWrap img { max-width: 100%; }

.aboutImg { width: 335px; height: 402px; float: left; }

.aboutImg img { width: 335px; max-height: 402px; }

.aboutCont { float: right; width: 700px; margin-right: 20px; height: 402px; overflow: auto; padding-right: 20px; }

/*企业荣誉*/



.honorList { padding-bottom: 5px; }

.honorList li { width: 225px; height: 152px; float: left; padding: 6px 8px; border: 1px solid #c7c7c7; margin: 0 16px 34px 16px; }

.honorList li a { display: block; width: 100%; height: 100%; overflow: hidden; }

.honorList li a img { height: 100%; height: 100%; }

.honorList li:hover a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }

.page { text-align: center; margin-top: 4px; }

.page a { display: inline-block; *display: inline;

 *zoom: 1;

height: 26px; line-height: 26px; text-align: center; font-size: 14px; color: #666666; margin: 0 2px; padding: 0 10px; border: 1px solid #d5d5d5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }

.page a.prevPage, .page a.nextPage { padding: 0 22px; }

.page a:hover, .page a.on { background: #14b3cc; border: 1px solid #14b3cc; color: #fff; }

/*企业管理体系*/



.manageList { margin-bottom: 29px; }

.manageList li { height: 40px; line-height: 40px; border-bottom: 1px dashed #adadad; padding-left: 15px; position: relative; }

.manageList li:before { content: " "; width: 4px; height: 4px; background: #bec0bf; border-radius: 50%; position: absolute; left: 0px; top: 50%; margin-top: -2px; }

.manageList li a { display: block; width: 990px; float: left; font-size: 14px; color: #666666; }

.manageList li span { color: #999999; float: right; }

.manageList li:hover:before { background: #14b3cc; }

.manageList li:hover a { -webkit-transform: translateX(6px); transform: translateX(6px); color: #14b3cc; }

.manageList li:hover span { color: #14b3cc; }

/*企业文化*/



.cultureList { padding: 13px 0 8px 0; }

.cultureList dl { width: 536px; height: 155px; float: left; margin-bottom: 36px; }

.cultureList dl.rDl { float: right; }

.cultureList dl dt { width: 207px; height: 155px; float: left; overflow: hidden; }

.cultureList dl dt img { width: 100%; height: 100%; }

.cultureList dl dd { width: 329px; height: 155px; float: left; border: 1px solid #dbdbdb; box-sizing: border-box; padding: 25px 30px 0 22px; }

.cultureList dl dd h3 { font-size: 16px; line-height: 24px; color: #333333; margin-bottom: 13px; }

.cultureList dl dd div { line-height: 20px; height: 40px; overflow: hidden; color: #666666; margin-bottom: 14px; }

.cultureList dl dd span { font-family: "Arial"; line-height: 24px; color: #999999; text-transform: uppercase; padding-right: 20px; background: url(../images/readMore.png) no-repeat right center; }

.cultureList dl:hover dt img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }

/*.cultureList dl:hover h3{}



.cultureList dl:hover dd span{padding-right: 30px;background: url(../images/readMoreOn.png) no-repeat right center;color: #14b3cc;}*/



.cultureList dl dd { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }

.cultureList dl:hover dd { background: #14b3cc; border: 1px solid #14b3cc; }

.cultureList dl:hover dd h3, .cultureList dl:hover dd div, .cultureList dl:hover dd span { color: #fff; }

.cultureList dl:hover dd span { background: url(../images/readMoreOn.png) no-repeat right center; padding-right: 30px; }

/*人力资源*/



.hrList { padding: 14px 0 50px 0; }

.hrList dl { height: 45px; line-height: 45px; }

.hrList dl dt, .hrList dl dd { float: left; }

.hrList dl dt { background: #1bc6e1; color: #fff; font-size: 15px; font-weight: bold; }

.hrList dl .dl1 { width: 280px; text-indent: 70px; text-align: left; }

.hrList dl .dl2, .hrList dl .dl3, .hrList dl .dl4, .hrList dl .dl5 { width: 210px; text-align: center; }

.hrList dl { font-size: 14px; color: #666666; cursor: pointer; }

.hrList dl.even { background: #f4f4f4; }

/*新闻中心*/



.newsLeft { width: 705px; float: left; }

.newsLeft .pagination { height: 32px; margin: 0 18px; width: 661px; padding: 0 10px; }

.nyMain .newsLeft .pagination:before, .nyMain .newsLeft .pagination:after { display: none; }

.newsLeft .thumbWrap .holder i a { padding-bottom: 0px; background: none; }

.newsLeft .thumbWrap .holder i.selected a { background: none; }

.nyMain .newsLeft .pagination .prev { background: url(../images/newsPrev.jpg) no-repeat center; left: -18px; }

.nyMain .newsLeft .pagination .next { background: url(../images/newsNext.jpg) no-repeat center; right: -18px; }

.nyMain .newsLeft .pagination .prev, .nyMain .newsLeft .pagination .next { width: 18px; height: 32px; top: 0px; }

.newsLeft .thumbWrap { width: 658px; }

.newsLeft .thumbWrap .holder i { width: 100px; height: 32px; margin-right: 10px; }

.newsLeft .thumbWrap .holder i a { width: 98px; height: 30px; line-height: 30px; border: 1px solid #d6d6d6; }

.newsLeft .thumbWrap .holder i:first-child { margin-left: 0px; }

.newsLeft .thumbWrap .holder i.selected a { font-size: 15px; font-weight: bold; color: #ffffff; background: #1bc6e1; border: 1px solid #1bc6e1; }

.newsLeft .sliderwrapper .contentdiv { padding-top: 0px; }

.newsList { padding-top: 10px; margin-bottom: 29px; }

.newsList li { height: 40px; line-height: 40px; border-bottom: 1px dashed #adadad; padding-left: 15px; position: relative; }

.newsList li:before { content: " "; width: 4px; height: 4px; position: absolute; left: 0px; top: 50%; margin-top: -2px; background: #bec0bf; border-radius: 50%; }

.newsList li a { display: block; width: 570px; float: left; font-size: 14px; color: #666666; }

.newsList li span { float: right; color: #999999; }

.newsList li:hover:before { background: #14b3cc; }

.newsList li:hover a { -webkit-transform: translateX(6px); transform: translateX(6px); color: #14b3cc; }

.newsList li:hover span { color: #14b3cc; }

.newsRight { width: 350px; float: right; height: 425px; padding-left: 31px; border-left: 1px solid #cbcbcb; }

.newsScroll { width: 100%; height: 260px; }

.slideBox1 { width: 100%; height: 260px; overflow: hidden; position: relative; }

.slideBox1 .hd { height: 39px; overflow: hidden; position: absolute; left: 0px; bottom: 0px; width: 350px; line-height: 39px; background: url(../images/titleBg.png) repeat; z-index: 9; }

.slideBox1 .hd ul { width: 100%; height: 100%; text-align: center; }

.slideBox1 .hd ul li { width: 8px; height: 8px; margin: 0 5px; display: inline-block; *display: inline;

 *zoom: 1;

text-indent: -9999px; font-size: 0; background: url(../images/liBg.png) no-repeat center; cursor: pointer; }

.slideBox1 .hd ul li.on { background: url(../images/liOn.png) no-repeat center; }

.slideBox1 .bd { position: relative; height: 100%; z-index: 0; }

.slideBox1 .bd li { zoom: 1; vertical-align: middle; }

.slideBox1 .bd img { width: 350px; height: 260px; }

.newsBtm { margin: 18px 0 0 0; }

.newsBtm h3 { font-size: 14px; line-height: 24px; color: #555555; font-weight: bold; margin-bottom: 9px; }

.newsBtm div { line-height: 24px; height: 48px; overflow: hidden; color: #888888; text-indent: 2em; margin-bottom: 12px; }

.newsBtm span { display: block; width: 110px; height: 27px; line-height: 27px; text-align: center; border: 1px solid #c8c7c7; color: #888888; }

.newsBtm span:hover { border: 1px solid #14b3cc; color: #14b3cc; }

/*0517修改*/



.popCont { padding: 10px; }

.posDetail { font-size: 14px; line-height: 26px; color: #666666; text-align: justify; padding: 0 30px; }

.posDetail img { max-width: 100%; }

.applyPos { display: block; width: 146px; height: 43px; line-height: 43px; text-align: center; background: #1bc6e1; font-size: 18px; color: #fff; margin: 35px 0 0 30px; }

.applyPos:hover { background: #d8262f; }

.posForm { display: none; }

.posForm dl { width: 290px; float: left; height: 36px; margin-bottom: 15px; }

.posForm dl dt { width: 100px; text-align: right; float: left; font-size: 14px; color: #666666; line-height: 34px; height: 36px; }

.posForm dl dd { width: 180px; height: 36px; float: left; }

.posForm dl dd .posText, .posForm dl dd select { width: 178px; height: 34px; border: 1px solid #d0cece; font-family: "微软雅黑"; color: #666666; text-indent: 10px; line-height: 34px; }

.posForm dl dd select option { text-indent: 14px; }

.posForm dl.posList, .posForm dl.posBtn { width: 100%; height: auto; }

.posForm dl.posList dd { width: 743px; height: 154px; }

.posForm dl.posList dd textarea { width: 741px; height: 152px; border: 1px solid #d0cece; font-family: "微软雅黑"; line-height: 34px; overflow: auto; text-indent: 14px; }

.posBtn { width: 100%; text-align: center; }

.posBtn input.posSubm { width: 146px; height: 43px; line-height: 43px; text-align: center; background: #1bc6e1; font-size: 18px; color: #fff; border: none; font-family: "微软雅黑"; cursor: pointer; }

.posBtn input.posSubm:hover { background: #d8262f; }

/*0523新闻列表修改*/



.slideBox1 { height: 400px; }

.slideBox1 .hd { bottom: auto; top: 221px; }

.newsBtm span { margin-left: 1px; }

.newsBtm h3 { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }

.newsBtm h3:hover { color: #14b3cc; }

/*0622修改*/



.clientWrap { height: 447px; padding: 40px 98px 33px 47px; }

.mapWrap { width: 1055px; height: 446px; background: red; margin: 0 auto; background: url(../images/mapBg.jpg) no-repeat center; position: relative; }

.map1 { display: block; width: 26px; height: 26px; position: absolute; left: 201px; top: 101px; }

.mapItem .mapIcon { display: block; width: 100%; height: 100%; background: url(../images/mapIcon.png) no-repeat center; cursor: pointer; }

.mapPop { width: 370px; height: 280px; background: #ffffff; position: absolute; border-radius: 10px; z-index: 9; -moz-box-shadow: 0px 0px 20px #999999; -webkit-box-shadow: 0px 0px 20px #999999; box-shadow: 0px 0px 20px #999999; padding: 20px; display: none; overflow: auto; }

.mapPop .position { padding-left: 35px; }

.mapPop .position span { display: block; }

.mapPop .position span.ch { font-size: 16px; line-height: 19px; }

.mapPop .position span.en { font-family: "Arial"; font-size: 16px; color: #999999; font-weight: bold; line-height: 20px; }

.clientInfo { font-size: 14px; line-height: 26px; color: #666666; text-align: justify; margin-top: 35px; }

.clientInfo img { max-width: 100%; }

.map1 .mapPop { right: -410px; top: 50%; margin-top: -100px; }

.mapItem:hover .mapIcon { -webkit-transform: translateY(-6px); transform: translateY(-6px); }

.map2 { display: block; width: 45px; height: 45px; position: absolute; left: 282px; top: 115px; }

.map2 .mapPop { right: -410px; top: 50%; margin-top: -100px; }

.map3 { display: block; width: 35px; height: 35px; position: absolute; left: 309px; top: 174px; }

.map3 .mapPop { right: -410px; top: 50%; margin-top: -100px; }

.map4 { display: block; width: 40px; height: 40px; position: absolute; left: 389px; top: 304px; }

.map4 .mapPop { right: -410px; top: 50%; margin-top: -200px; }

.map5 { display: block; width: 28px; height: 28px; position: absolute; left: 547px; top: 157px; }

.map5 .mapPop { right: -410px; top: 50%; margin-top: -200px; }

.map6 { display: block; width: 50px; height: 50px; position: absolute; left: 676px; top: 106px; }

.map6 .mapPop { right: -410px; top: 50%; margin-top: -100px; }

.map7 { display: block; width: 50px; height: 50px; position: absolute; left: 540px; top: 234px; }

.map7 .mapPop { right: -410px; top: 50%; margin-top: -160px; }

.map8 { display: block; width: 44px; height: 44px; position: absolute; left: 675px; top: 180px; }

.map8 .mapPop { right: -410px; top: 50%; margin-top: -160px; }

.map9 { display: block; width: 54px; height: 40px; position: absolute; left: 758px; top: 332px; }

.map9 .mapPop { left: -410px; bottom: -20px; }

.map1 .position { background: url(../images/map1Icon.png) no-repeat left center; }

.map2 .position { background: url(../images/map2Icon.png) no-repeat left center; }

.map3 .position { background: url(../images/map3Icon.png) no-repeat left center; }

.map4 .position { background: url(../images/map4Icon.png) no-repeat left center; }

.map5 .position { background: url(../images/map5Icon.png) no-repeat left center; }

.map6 .position { background: url(../images/map6Icon.png) no-repeat left center; }

.map7 .position { background: url(../images/map7Icon.png) no-repeat left center; }

.map8 .position { background: url(../images/map8Icon.png) no-repeat left center; }

.map9 .position { background: url(../images/map9Icon.png) no-repeat left center; }

/*20170726导航修改*/



div.navWrap { width: 100%; min-width: 1200px; height: 48px; position: relative; }

.navWrap .nav { }

.navWrap .nav .nli { float: left; text-align: center; height: 48px; }

.navWrap .nav .nli h3 { padding: 0 22px; position: relative; }

.navWrap .nav .nli h3:before { content: " "; width: 4px; height: 4px; background: #b2b2b2; border-radius: 50%; position: absolute; left: -2px; top: 50%; margin-top: -2px; }

.navWrap .nav .nli:first-child h3:before { display: none; }

.navWrap .nav .nli h3 a { display: block; height: 48px; line-height: 48px; font-size: 14px; font-weight: bold; color: #616161; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.navWrap .nav .nli h3 a:before, .navWrap .nav .nli h3 a:after { content: " "; width: 50%; height: 1px; position: absolute; background: #d8262f; top: -1px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 9; width: 0; }

.navWrap .nav .nli h3 a:before { right: 50%; }

.navWrap .nav .nli h3 a:after { left: 50%; }

.navWrap .nav .nli h3 a:hover:before, .navWrap .nav .nli h3 a:hover:after { width: 50%; }

.navWrap .nav .nli:hover h3 a { color: #d8262f; }

.navWrap .nav .nli .nav_hidden { background: rgba(255,255,255,0.9); position: absolute; top: 48px; width: 100%; right: 0; border-top: 1px #f0f0f0 solid; z-index: 999; height: 280px; overflow: hidden; }

.nav_hidden { display: none; }

.nav_sub { text-align: left; padding: 26px 0 40px 0; }

.nav_sub .navList { float: left; width: 420px; margin-right: 104px; }

.nav_sub .navList li { width: 210px; float: left; }

.nav_sub .navList li a { display: block; height: 50px; line-height: 50px; border-bottom: 1px solid #9c9d9d; font-size: 16px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }

.nav_sub .navList li a:hover { color: #d8262f; text-indent: 6px; }

.nav_sub .navPic { width: 285px; float: left; }

.nav_sub .navPic.navPic1 { margin-right: 76px; }

.nav_sub .navPic .pic { display: block; overflow: hidden; width: 400px; height: 148px; }

.nav_sub .navPic .pic img { width: 100%; height: 100%; }

.nav_sub .navPic:hover .pic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }

.nav_sub .navPic .text h5 { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; }

.nav_sub .navPic:hover .text h5 { text-decoration: underline; color: #d8262f; }

.nav_sub .navPic .text p { display: block; width: 100%; overflow: hidden; height: 52px; line-height: 26px; font-size: 12px; color: #333; }

.navWrap .nav .nli h3, .iformBtn { opacity: 0; }

.navWrap .nav .nli.nli1 h3 { -webkit-animation: nav_ani 0.5s 1.1s ease-out forwards; -moz-animation: nav_ani 0.5s 1.1s ease-out forwards; animation: nav_ani 0.5s 1.1s ease-out forwards; }

.navWrap .nav .nli.nli2 h3 { -webkit-animation: nav_ani 0.5s 1.3s ease-out forwards; -moz-animation: nav_ani 0.5s 1.3s ease-out forwards; animation: nav_ani 0.5s 1.3s ease-out forwards; }

.navWrap .nav .nli.nli3 h3 { -webkit-animation: nav_ani 0.5s 1.46s ease-out forwards; -moz-animation: nav_ani 0.5s 1.46s ease-out forwards; animation: nav_ani 0.5s 1.46s ease-out forwards; }

.navWrap .nav .nli.nli4 h3 { -webkit-animation: nav_ani 0.5s 1.58s ease-out forwards; -moz-animation: nav_ani 0.5s 1.58s ease-out forwards; animation: nav_ani 0.5s 1.58s ease-out forwards; }

.navWrap .nav .nli.nli5 h3 { -webkit-animation: nav_ani 0.5s 1.66s ease-out forwards; -moz-animation: nav_ani 0.5s 1.66s ease-out forwards; animation: nav_ani 0.5s 1.66s ease-out forwards; }

.navWrap .nav .nli.nli6 h3 { -webkit-animation: nav_ani 0.5s 1.76s ease-out forwards; -moz-animation: nav_ani 0.5s 1.76s ease-out forwards; animation: nav_ani 0.5s 1.76s ease-out forwards; }

.navWrap .nav .nli.nli7 h3 { -webkit-animation: nav_ani 0.5s 1.86s ease-out forwards; -moz-animation: nav_ani 0.5s 1.86s ease-out forwards; animation: nav_ani 0.5s 1.86s ease-out forwards; }

.navWrap .nav .nli.nli8 h3 { -webkit-animation: nav_ani 0.5s 1.96s ease-out forwards; -moz-animation: nav_ani 0.5s 1.96s ease-out forwards; animation: nav_ani 0.5s 1.96s ease-out forwards; }

.iformBtn { -webkit-animation: nav_ani 0.5s 2.06s ease-out forwards; -moz-animation: nav_ani 0.5s 2.06s ease-out forwards; animation: nav_ani 0.5s 2.06s ease-out forwards; }

 @-webkit-keyframes nav_ani { 0% {

 -webkit-transform:translateY(30px);

 opacity:0;

}

 100% {

 -webkit-transform:translateY(0px);

 opacity:1;

}

}

 @-moz-keyframes nav_ani { 0% {

 -moz-transform:translateY(30px);

 opacity:0;

}

 100% {

 -moz-transform:translateY(0px);

 opacity:1;

}

}

 @keyframes nav_ani { 0% {

 transform:translateY(30px);

 opacity:0;

}

 100% {

 transform:translateY(0px);

 opacity:1;

}

}

.logo img { width: 640px; height: 60px; }

.logoWrap { width: 640px; height: 60px; }

.logoSvg { width: 640px; height: 60px; }

/*20170825*/



.aboutWrap.aboutWrap1 { }

.aboutWrap.aboutWrap1 .subCompDetail { width: 100%; box-sizing: border-box; padding-right: 10px; height: 378px; overflow: auto; font-size: 14px; line-height: 26px; color: #666666; text-align: justify; }

.aboutWrap.aboutWrap1 .subCompDetail * { max-width: 100% !important; }

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar {

 width:3px;

 height:3px

}

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-button:vertical {

 display:none

}

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-corner, .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-track {

 background-color:#ccc

}

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-thumb {

 border-radius:0;

 background-color:#1552cd;

}

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-thumb:vertical:hover {

}

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-thumb:vertical:active {

}

.nyMenu { margin-bottom: 30px; }

.nyMenu li { float: left; width: 98px; height: 30px; border: 1px solid #d6d6d6; text-align: center; line-height: 30px; font-size: 15px; color: #333333; margin-right: 9px; }

.nyMenu li a { display: block; width: 100%; height: 100%; }

.nyMenu li.on, .nyMenu li:hover { background: #1bc6e1; border-color: #1bc6e1; color: #ffffff; font-weight: bold; }

.subCompProd { padding: 30px 40px 10px 40px; background: #fff; border-bottom: 6px solid #1bc6e1; }

.subCompProd .prodWrap { padding: 0 0 40px 0; border-bottom: none; }

.navWrap .nav .nli .nav_hidden { background: #fff; }

/*20170830*/



.nyMenu { width: 100px; float: left; }

.nyMenu li { float: none; margin-bottom: 10px; }

.subCompProd .prodWrap { width: 950px; float: right; overflow: auto; }

.subCompProd .prodWrap ul li:first-child { margin-left: 18px; }

.subCompProd .prodWrap ul li { margin-bottom: 20px; }

 .subCompProd .prodWrap::-webkit-scrollbar {

 width:3px;

 height:3px

}

 .subCompProd .prodWrap::-webkit-scrollbar-button:vertical {

 display:none

}

 .subCompProd .prodWrap::-webkit-scrollbar-corner, .subCompProd .prodWrap::-webkit-scrollbar-track {

 background-color:#ccc

}

 .subCompProd .prodWrap::-webkit-scrollbar-thumb {

 border-radius:0;

 background-color:#1bc6e1;

}

 .subCompProd .prodWrap::-webkit-scrollbar-thumb:vertical:hover {

}

 .subCompProd .prodWrap::-webkit-scrollbar-thumb:vertical:active {

}

.aboutWrap.aboutWrap1 .subCompDetail { width: 950px; float: right; }

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar {

 width:3px;

 height:3px

}

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-button:vertical {

 display:none

}

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-corner, .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-track {

 background-color:#ccc

}

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-thumb {

 border-radius:0;

 background-color:#1bc6e1;

}

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-thumb:vertical:hover {

}

 .aboutWrap.aboutWrap1 .subCompDetail::-webkit-scrollbar-thumb:vertical:active {

}

.subCompProd .cultureList { width: 950px; float: right; overflow: auto; height: 440px; }

.subCompProd .cultureList dl { width: 450px; }

.subCompProd .cultureList dl dd { width: 240px; }

 .popCont::-webkit-scrollbar {

 width:3px;

 height:3px

}

 .popCont::-webkit-scrollbar-button:vertical {

 display:none

}

 .popCont::-webkit-scrollbar-corner, .popCont::-webkit-scrollbar-track {

 background-color:#ccc

}

 .popCont::-webkit-scrollbar-thumb {

 border-radius:0;

 background-color:#1bc6e1;

}

 .popCont::-webkit-scrollbar-thumb:vertical:hover {

}

 .popCont::-webkit-scrollbar-thumb:vertical:active {

}

.product_lista ul li { float: left; font-size: 12px; margin-right: 10px; margin-bottom: 10px; }

.product_lista ul li .img { border: 1px solid #cfcfcf; }

.product_lista ul li .img:hover { border: 1px solid #1bc6e1; }

.product_lista ul li .titlea { text-align: center; height: 30px; line-height: 30px; }

.pro_title { height: 40px; line-height: 40px; text-align: center; font-weight: bold; }

.pro_img { text-align: center; }

.pro_info { line-height: 25px; }

.brand_title{ font-size:14px; color:#FFF; display:block; height:40px; line-height:40px;}