@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input  {margin: 0;padding: 0;border: none;outline: 0; /*font-size:100%;*/ font: inherit;vertical-align: baseline;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { /*font-size:100%;*/ font-size:14px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

body { background:#fff; }

a{color:#444;text-decoration:none;}

.ln { text-align:left; }
.cn { text-align:center; }
.rn { text-align:right; }

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

.p5 { padding:5px; }
.p10 { padding:10px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }
.pt68 { padding-top:68px; }
.pt80 { padding-top:80px; }
.pt100 { padding-top:100px; }
.pt120 { padding-top:120px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }

.pbl30 { padding-left:30px; }

.mr10 { margin-right:10px; }
.ml10 { margin-left:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
input[type=button], input[type=submit], input[type=reset],button,input[type=text] { -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.cclear:after,.cclear .after {content: ""; display: block; clear: both;}
.clear { clear:both; height:0; font-size:0;line-height:0; overflow:hidden;}

button { padding:0px; outline:none; border:none; font-family:"Microsoft Yahei"; font-weight:500;}
textarea { padding:0px; outline:none; border:none; font-family:"Microsoft Yahei"; font-weight:500;}
button:focus, textarea:focus { outline:none;}

.img_rendering {
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}

/*begin*/
.navigation { height:auto; /*overflow:hidden;*/ margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500; border-bottom:2px solid #397FCD;}
.navigation .top { width:1200px; height:auto; overflow:hidden; margin:20px auto 0;}
.navigation .top .logo { display:block; float:left; width:440px; height:80px; line-height:80px; text-align:left; overflow:hidden;}
.navigation .top .logo img { max-width:100%; max-height:100%; vertical-align:middle;}
.navigation .top .right { float:right; width:395px; height:80px; line-height:80px; text-align:right; overflow:hidden;}
.navigation .top .right img { max-width:100%; max-height:100%; vertical-align:middle;}

.navLinks { position:relative; z-index:10; height:60px;}
.navLinks .nav { width:1200px; margin:0 auto;}
.navLinks .nav .m { position:relative; z-index:20; float:left; width:171px;}
.navLinks .nav .m h3 { height:60px; line-height:60px; text-align:center; overflow:hidden; margin:0 auto;}
.navLinks .nav .m h3 a { display:inline-block; height:30px; line-height:30px; text-align:center; overflow:hidden; margin:10px auto; font-size:15px; color:#333;}

.navLinks .nav .on { }
.navLinks .nav .on h3 a { font-weight:bold; color:#0187d5; border-bottom:3px solid #0082d4;}

.navLinks .nav .m .sub { display:none; position:absolute; z-index:99; left:0; top:60px; right:0; background:#fff;}
.navLinks .nav .m .sub li { height:auto; overflow:hidden; margin:0 auto;}
.navLinks .nav .m .sub li a { display:block; height:40px; line-height:40px; text-align:center; overflow:hidden; font-size:14px; color:#333;}
.navLinks .nav .m .sub li a:hover { color:#0187d5; background:#e2eef7;}

.banner { position:relative; height:auto; overflow:hidden; margin:0 auto;}
.banner .pic { margin:0 auto;}
.banner .pic li img { display:block; width:100%;}

.banner .hd { position:absolute; zoom:1; left:0; right:0; bottom:10px; z-index:3; text-align:center;}
.banner .hd li { display:inline-block; cursor:pointer; width:12px; height:12px; overflow:hidden; margin:0 5px; border-radius:12px; background:#666;}
.banner .hd li.on { background:#A0B4DC;}

.comChief { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.comChief .about { float:left; width:380px; height:auto; overflow:hidden;}
.title { height:36px; overflow:hidden; margin:0 auto;}
.title .fl { float:left; height:36px; line-height:36px; overflow:hidden;}
.title .fl i { display:block; float:left; width:4px; height:14px; overflow:hidden; margin:11px 10px 0 0; background:#319ed6;}
.title .fl h3 { float:left; height:36px; line-height:36px; overflow:hidden; margin:0 10px 0 0; font-size:15px; color:#319ed7;}
.title .fl span { font-size:13px; color:#2f2f2f; text-transform:uppercase;}
.title .more { display:block; float:right; padding:0 10px; height:20px; line-height:20px; overflow:hidden; margin:8px 0 0 0; border-radius:15px; text-transform:capitalize; font-size:13px; color:#fff; background:#319ed6;}

.comChief .about .content { height:auto; overflow:hidden; margin:0 auto;}
.comChief .about .content .img { float:left; width:155px; height:auto; overflow:hidden;}
.comChief .about .content .img img { max-width:100%; max-height:100%;}
.comChief .about .content .txts { float:left; width:205px; height:auto; overflow:hidden; margin:0 0 0 20px; line-height:22px; font-size:12px; color:#333; text-indent:2em;}
.comChief .about .content .txts .more {color:#319ed7;}

.comChief .news { float:left; width:400px; height:auto; overflow:hidden; margin:0 0 0 25px;}
.comChief .news .content { height:auto; overflow:hidden; margin:0 auto;}
.comChief .news .content .img { float:left; width:130px; height:auto; overflow:hidden;}
.comChief .news .content .img img { max-width:100%; max-height:100%;}
.comChief .news .content .list { float:left; width:250px; height:auto; overflow:hidden; margin:0 0 0 20px;}
.comChief .news .content .list .item { display:block; position:relative; height:26px; overflow:hidden; margin:0 auto;}
.comChief .news .content .list .item .time { position:absolute; right:0; top:0; width:75px; height:26px; line-height:26px; overflow:hidden; text-align:right; font-size:12px; color:#666;}
.comChief .news .content .list .item .tit { margin:0 80px 0 0; height:26px; line-height:26px; overflow:hidden; text-align:left; font-size:14px; color:#333;}
.comChief .news .content .list .item:hover .tit { color:#319ed7;}

.comChief .serve { float:left; width:370px; height:auto; overflow:hidden; margin:0 0 0 25px;}
.comChief .serve .list { height:auto; overflow:hidden; margin:0 auto;}
.comChief .serve .list .item { display:block; position:relative; height:26px; overflow:hidden; margin:0 auto;}
.comChief .serve .list .item .time { position:absolute; right:0; top:0; width:75px; height:26px; line-height:26px; overflow:hidden; text-align:right; font-size:12px; color:#666;}
.comChief .serve .list .item .tit { margin:0 80px 0 0; height:26px; line-height:26px; overflow:hidden; text-align:left; font-size:14px; color:#333;}
.comChief .serve .list .item:hover .tit { color:#319ed7;}

.product { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.product .bd { position:relative;}
.product .scrollWrap { margin:0 auto;}
.product .scrollWrap .tempWrap { margin:0 auto;}
.product .picList { overflow:hidden; zoom:1;}
.product .picList li { position:relative; float:left; display:inline; width:240px; margin:0 auto;}
.product .picList li .img { width:198px; height:268px; line-height:268px; text-align:center; overflow:hidden; margin:0 auto; border:1px solid #c6c6c6;}
.product .picList li .img img { max-width:100%; max-height:100%; vertical-align:middle;}
.product .picList li p { height:26px; line-height:26px; overflow:hidden; text-align:center; font-size:14px; color:#333;}

.other { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.other .coop { float:left; width:475px; height:auto; overflow:hidden; margin:0 auto;}
.other .coop .imgs { height:auto; overflow:hidden; margin:0 auto;}
.other .coop .imgs img { width:100%;}

.other .contact { float:left; width:615px; height:auto; overflow:hidden; margin:0 0 0 110px;}
.other .contact .list { height:auto; overflow:hidden; margin:0 auto;}
.other .contact .list .item { float:left; width:292.5px; height:auto; overflow:hidden;}
.other .contact .list .item:nth-child(2) { margin:0 0 0 30px;}
.other .contact .list .item h3 { height:26px; line-height:26px; overflow:hidden; margin:30px auto 10px; font-weight:bold; font-size:16px; color:#2ea0d6;}
.other .contact .list .item p { height:20px; line-height:20px; overflow:hidden; margin:0 auto; font-size:12px; color:#333;}

.footer { height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500; background:#535353;}
.footer .wp { width:1200px; height:auto; overflow:hidden; margin:40px auto;}
.footer .wp p { height:30px; line-height:30px; text-align:center; overflow:hidden; margin:0 auto; font-size:14px; color:#fff;}

.inside { height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.inside img { width:100%;}

/*关于我们*/
.webCore { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.webCore .left { position:relative; float:left; width:265px; height:auto; overflow:hidden;}
.webCore .left .tit { height:65px; line-height:65px; overflow:hidden; margin:0 auto; padding:0 0 0 50px; font-weight:bold; font-size:16px; color:#fff; background:#1a7fc7;}
.webCore .left .list { height:auto; overflow:hidden; margin:0 auto 20px;}
.webCore .left .list .item { position:relative; z-index:10; display:block; height:45px; line-height:45px; padding:0 0 0 50px; overflow:hidden; margin:0 auto; font-size:14px; color:#333; background:#f7f7f7 url(../imgpc/icon_navleft_01.png) no-repeat 85% center;}
.webCore .left .list .itemcur { font-weight:bold; color:#1a7fc7; background:#e2eef7 url(../imgpc/icon_navleft_02.png) no-repeat 85% center;}
.webCore .left .list .itemcur:after { position:absolute; z-index:20; content: " "; left:0; top:0; width:4px; height:45px; overflow:hidden; background:#8fc2e5;}
.webCore .left .list .item:hover { color:#1a7fc7; background:#e2eef7 url(../imgpc/icon_navleft_02.png) no-repeat 85% center;}

.webCore .left .olinks { height:auto; overflow:hidden; margin:0 auto;}
.webCore .left .olinks .item { display:block; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.webCore .left .olinks .item img { width:100%;}

.webCore .left .conway { height:auto; overflow:hidden; margin:0 15px 15px;}
.webCore .left .conway .item { height:auto; overflow:hidden; margin:0 auto 5px;}
.webCore .left .conway .item h3 { height:30px; line-height:30px; overflow:hidden; margin:0 auto; font-size:14px; color:#333;}
.webCore .left .conway .item p { height:20px; line-height:20px; overflow:hidden; margin:0 auto; font-size:13px; color:#333;}

.webCore .right { float:left; width:870px; height:auto; overflow:hidden; margin:0 0 0 65px;}
.webCore .right .curcon { display:none; height:auto; overflow:hidden; margin:0 auto;}
.webCore .right .show { display:block;}

.webCore .right .tith { height:40px; overflow:hidden; margin:0 auto; border-bottom:1px solid #333;}
.webCore .right .tith .fl { float:left; height:40px; line-height:40px; overflow:hidden; font-weight:bold; font-size:16px; color:#333;}
.webCore .right .tith .fl i { display:block; float:left; width:5px; height:16px; overflow:hidden; margin:12px 10px 0 0; background:#333;}
.webCore .right .tith .fr { float:right; height:40px; line-height:40px; overflow:hidden; font-size:12px; color:#333;}

.webCore .right .curcon .comtxts { height:auto; overflow:hidden; margin:0 auto;}
.webCore .right .curcon .comtxts p { height:auto; overflow:hidden; margin:15px auto; line-height:28px; text-indent:2em; font-size:16px; color:#333;}
.webCore .right .curcon .comtxts img { display:block; max-width:100%; max-height:100%; margin:0 auto 15px;}

.webCore .right .curcon .culimgs { height:auto; overflow:hidden; margin:30px auto;}
.webCore .right .curcon .culimgs .list { height:auto; overflow:hidden; margin:0 auto;}
.webCore .right .curcon .culimgs .list img { display:block; float:left; width:49%; height:auto; margin:0 2% 20px 0;}
.webCore .right .curcon .culimgs .list img:nth-child(2n) { margin:0 0 20px 0;}
.webCore .right .curcon .culimgs img { display:block; max-width:100%; max-height:100%; margin:0 auto 15px;}

/*产品中心*/
.webCore .right .curcon .proList { height:auto; overflow:hidden; margin:30px auto 0;}
.webCore .right .curcon .proList .item { float:left; width:230px; height:auto; overflow:hidden; margin:0 0 20px 45px;}
.webCore .right .curcon .proList .item .img { height:180px; line-height:180px; text-align:center; overflow:hidden; margin:0 auto;}
.webCore .right .curcon .proList .item .img img { max-width:100%; max-height:100%; vertical-align:middle;}
.webCore .right .curcon .proList .item p { height:auto; line-height:20px; text-align:center; overflow:hidden; margin:10px auto; font-size:12px; color:#333;}
.webCore .right .curcon .proList .item:hover p { color:#319ed7;}

/*页码*/
.pageroll { clear:both; margin:10px 0 60px 0; min-height:50px; line-height:50px; text-align:center;}
.pageroll a , .pageroll span { margin-left:6px; padding:6px 12px; font-size:12px; border:1px solid #ddd; background:#e2e2e2; color:#39A7DF;}
.pageroll span { color:#bbb}
.pageroll a.cur , .pageroll a:hover { color:#fff; background:#39A7DF;}

.pageroll button { display:inline-block; margin-left:6px; padding:6px 12px; font-size:12px; color:#39A7DF; border:1px solid #ddd; background:#e2e2e2; outline:none; border:none; cursor:pointer;}
.pageroll button:hover { color:#fff; background:#39A7DF}
.pageroll .cur { color:#fff; background:#39A7DF;}

.pageroll .pagerinc { padding:0; margin:0; display:inline;}

/*新闻中心*/
.webCore .right .curcon .newsList { height:auto; overflow:hidden; margin:30px auto 0;}
.webCore .right .curcon .newsList .item { float:left; width:230px; height:auto; overflow:hidden; margin:0 0 20px 45px;}
.webCore .right .curcon .newsList .item .img { height:160px; line-height:160px; text-align:center; overflow:hidden; margin:0 auto;}
.webCore .right .curcon .newsList .item .img img { max-width:100%; max-height:100%; vertical-align:middle;}
.webCore .right .curcon .newsList .item p { height:auto; line-height:20px; text-align:center; overflow:hidden; margin:10px auto; font-size:12px; color:#333;}
.webCore .right .curcon .newsList .item:hover p { color:#319ed7;}

/*详情*/
.details { height:auto; overflow:hidden; margin:0 auto;}
.details .texts { height:auto; overflow:hidden; margin:0 auto 30px; border-bottom:1px solid #e2e2e2;}

.details .texts h1 { height:30px; line-height:30px; text-align:center; overflow:hidden; margin:30px auto 5px; font-weight:bold; font-size:22px; color:#333;}
.sps { height:30px; line-height:30px; text-align:center; overflow:hidden; margin:0 auto 20px;}
.sps span { display:inline; margin:0 3px; font-size:12px; color:#999;}
.details .texts .ts { height:auto; overflow:hidden; margin:0 auto 20px;}
.details .texts .ts img { display:block; margin:10px 0;}
.details .texts .ts h4 { height:auto; line-height:25px; overflow:hidden; margin:10px auto; font-weight:bold; font-size:16px; color:#d35400;}
.details .texts .ts p { height:auto; overflow:hidden; margin:0 auto 10px; line-height:26px; text-indent:2em; text-align:justify; text-justify:inter-ideograph; font-size:14px; color:#333;}
.details .texts .ts table {}
.details .texts .ts table th, .details .texts .ts table td { border:1px solid #333; padding:5px 15px;}

.details .texts .ots { height:auto; overflow:hidden; margin:0 auto;}
.details .texts .ots h3 { height:auto; line-height:25px; overflow:hidden; margin:10px auto; font-weight:bold; font-size:16px; color:#2F4D93;}

.details .texts .ots p { height:auto; overflow:hidden; margin:0 auto 30px; line-height:26px; text-indent:2em; text-align:justify; text-justify:inter-ideograph; font-size:14px; color:#333;}

.aother { height:auto; overflow:hidden; margin:0 auto 10px;}
.aother .item { height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.aother .item a { font-size:14px; color:#555;}
.aother .item span { font-size:14px; color:#000;}
.aother .item a:hover { color:#319ed7;}

/*技术服务*/
.techList { height:auto; overflow:hidden; margin:0 auto;}
.techList .item { height:auto; overflow:hidden; margin:0 auto;}
.techList .item a { display:block; position:relative; height:auto; overflow:hidden; margin:0 auto; border-bottom:1px solid #ddd;}
.techList .item .time { position:absolute; right:0; top:0; width:100px; height:40px; line-height:40px; text-align:right; overflow:hidden; font-size:14px; color:#888;}
.techList .item .tit { margin:0 100px 0 0; padding:0 0 0 15px; height:40px; line-height:40px; text-align:left; overflow:hidden; font-size:14px; color:#333; background:url(/public/imgpc/arrow.png) no-repeat left center; background-size:4px;}
.techList .item:hover .tit { color:#319ed7;}

/*联系我们*/
.conus { height:auto; overflow:hidden; margin:0 auto;}
.conus .map { height:345px; overflow:hidden; margin:30px auto;}
.conus .list { height:auto; overflow:hidden; margin:0 auto 30px;}
.conus .list .item { float:left; width:49%; height:auto; overflow:hidden; margin:0 2% 0 0;}
.conus .list .item:nth-child(2n) { margin:0 0 0 0;}
.conus .list .item p { height:auto; overflow:hidden; margin:0 auto; line-height:26px; font-size:14px; color:#333;}

.conlist { position:relative; height:auto; overflow:hidden; padding-bottom:10px; margin:0 auto 10px; font-family:"Microsoft Yahei"; font-weight:500;}
.conlist .ps { margin:0 200px 0 0; height:auto; overflow:hidden;}
.conlist .ps p { height:auto; line-height:26px; overflow:hidden; margin:0 auto; font-size:14px; color:#353535;}

.conlist .qrcode { position:absolute; right:0; top:0; width:160px; height:auto; overflow:hidden;}
.conlist .qrcode .img { height:160px; line-height:160px; text-align:right; overflow:hidden; margin:0 auto;}
.conlist .qrcode .img img { max-width:100%; max-height:100%; vertical-align:middle;}
.conlist .qrcode p { height:22px; line-height:22px; text-align:center; overflow:hidden; margin:5px auto; font-size:14px; color:#353535;}


/*在线咨询*/
.Sonline { position:fixed; z-index:100; right:15px; top:30%; width:145px; height:300px;}
.Sonline .open_im { cursor:pointer; width:40px; height:133px; overflow:hidden; margin-left:70px; background:url(/public/imgpc/open_im.png) no-repeat center center; background-size:40px;}

.Sonline .im_main { display:none; border:1px solid #ddd; border-radius:10px; background:#F9FAFB;}
.Sonline .im_main .close_im { display:block; position:absolute; right:10px; top:-12px; z-index:101; width:24px; height:24px; overflow:hidden; background:url(/public/imgpc/close_im.png) no-repeat center center; background-size:24px;}
.Sonline .im_main .qqways { height:auto; overflow:hidden; margin:20px 11.5px 10px;}
.Sonline .im_main .qqways a { display:block; padding-left:50px; height:25px; line-height:25px; overflow:hidden; margin:0 auto 5px; background: url(/public/imgpc/onlineqq.png) no-repeat scroll transparent; font-size:13px; color:#666;}
.Sonline .im_main .qqways a:hover { background-position:-121px 00px; color:#fff;}

.Sonline .im_main .rhots { height:auto; overflow:hidden; margin:0 auto 10px;}
.Sonline .im_main .rhots h3 { height:25px; line-height:25px; text-align:center; overflow:hidden; font-weight:bold; font-size:13px; color:#000;}
.Sonline .im_main .rhots p { height:20px; line-height:20px; text-align:center; overflow:hidden; font-weight:bold; font-size:13px; color:#e66d15;}

.Sonline .im_main .ewm { height:auto; overflow:hidden; margin:0 auto 10px;}
.Sonline .im_main .ewm .img { width:120px; height:120px; line-height:120px; text-align:center; overflow:hidden; margin:0 auto;}
.Sonline .im_main .ewm .img img { max-width:100%; max-height:100%; vertical-align:middle;}
.Sonline .im_main .ewm p { height:20px; line-height:20px; text-align:center; overflow:hidden; font-size:13px; color:#000;}

.go-top { display:none; position:fixed; z-index:100; right:20px; bottom:10%; display:block; width:48px; height:48px; overflow:hidden; -webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease; background:url(/public/imgpc/bgbacktop.png) no-repeat;}
.go-top:hover { background-position:-60px 0;}