﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:500; }
ol, ul { list-style:none; }
fieldset, img { border:none 0; }
html { color:#333; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica; font-size:1em/1.25;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block;}
body { font-size:100%;/* -webkit-user-select:none;*/}
button, input, select, textarea { font-size:100%; -webkit-border-radius:0; border-radius:0;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button;}
img, object, video, embed { vertical-align:middle; -moz-box-sizing: border-box; box-sizing:border-box;}

a { color:#333; text-decoration:none;}
.mod-pictxt {padding: 0 15px;}
.mod-pictxt a:hover {text-decoration: none;}
.mod-pictxt li {padding: 14px 0px;overflow: hidden;border-top: 1px dashed #ddd;}
.mod-pictxt li:first-child {border: none;}
.mod-pictxt h3 {font-size: 17px;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;}
.mod-pictxt .pic {float: left;margin: 0 14px 0 0;}
.mod-pictxt p {margin-top: 6px;font-size: 12px;line-height: 1.2;max-height: 2.4em;overflow: hidden;text-overflow: ellipsis;color: #666;word-break: break-all;word-wrap: break-word;}
.mod-pictxt.t1 li,
.mod-pictxt1 li {overflow: hidden;min-height: 20px}
.mod-pictxt.t1 .pic, .mod-pictxt.t1 .pic img,
.mod-pictxt1 .pic, .mod-pictxt1 .pic img {width: 100px;height: 75px;}
.mod-pictxt.t1 .pic,
.mod-pictxt1 .pic {margin-top: -21px;}
.mod-pictxt.t1 h3,
.mod-pictxt1 h3 {margin-right: 60px;white-space: nowrap;}
.mod-pictxt.t1 h3 a,
.mod-pictxt1 h3 a {white-space: nowrap;}
.mod-pictxt.t1 .no-pic h3,
.mod-pictxt1 .no-pic h3 {margin-left: 0px;}
.mod-pictxt.t1 .no-pic,
.mod-pictxt1 .no-pic {padding-left: 0px;}
.mod-pictxt.t1 .pic,
.mod-pictxt1 .pic {float: left;}
.mod-pictxt.t2 .pic, .mod-pictxt.t2 .pic img, .mod-pictxt.t3 .pic img,
.mod-pictxt2 .pic, .mod-pictxt2 .pic img, .mod-pictxt3 .pic img {width: 72px;height: 54px;}
.mod-pictxt.t2 .pic,
.mod-pictxt2 .pic {margin-top: 6px;}
.mod-pictxt.t3 li,
.mod-pictxt3 li {padding-bottom: 8px;}
.mod-pictxt.t3 .pic,
.mod-pictxt3 .pic {float: right;margin: 6px 0 0 14px;width: 72px;height: 54px;}
.mod-pictxt.t3 p,
.mod-pictxt3 p {margin: 6px 40px 0 0;}
.mod-pictxt.t4 .pic,
.mod-pictxt4 .pic {display: none;}
.mod-pictxt.t4 h3,
.mod-pictxt4 h3 {margin-bottom: 0;white-space: nowrap;}
.mod-pictxt .nocontent {font-size: 14px;text-align: center;padding: 1em 0;}
.mod-pictxt .nocontent-more {font-size: 14px;text-align: center;padding: 1em 0;opacity: 0.5;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);}
.mod-pictxt h2 {font-size: 18px;font-weight: bold;line-height: 1.3;padding: 13px 0;border-bottom: 1px solid #eff0f2;}
.mod-pictxt h2 .font-ico {display: inline-block;vertical-align: top;margin: 5px -3px 0 -6px;font-size: 16px;}
.mod-pictxt .time {font-size: 11px;color: #999;}
.mod-pictxt .time b {font-size: 14px;color: #2c63a3; line-height:5px;}
.mod-pictxt.t1 .no-pic .pic, .mod-pictxt.t2 .no-pic .pic, .mod-pictxt.t3 .no-pic .pic,
.mod-pictxt1 .no-pic .pic, .mod-pictxt2 .no-pic .pic, .mod-pictxt3 .no-pic .pic {display: none;}
.mod-pictxt.t1 .no-pic,
.mod-pictxt1 .no-pic {padding-left: 0;}
.mod-pictxt.t3 .no-pic p,
.mod-pictxt3 .no-pic p {margin-right: 0;}
.mod-pictxt a {text-decoration: none !important;}

.mod-themenav4 {
    position: fixed;
    right: 2px;
    bottom: 0;
    padding: 0 5px;
    margin-bottom: 0 !important;
    z-index: 9999;
}

.mod-themenav4 .font-ico {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 26px;
    color: #fff;
    height: 50px;
    line-height: 40px;
    width: 100px;
    text-align: center;
    background: url(icon-menu.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.mod-themenav4 .dropbox {
    display: none;
    position:absolute;
    max-width: 160px;
    right: 0;
    bottom:45px;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.6);
    text-align: center;
    letter-spacing: normal;
    z-index: 11;
}

.mod-themenav4 .dropbox li {
    line-height: 2.8em;
    margin: 0 0.4em;
    border-top: 1px solid;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mod-themenav4 .dropbox li:first-child {
    border-top: none;
}

.mod-themenav4 .dropbox li a {
    padding: 0 1em;
}


body .mod-themenav-more .dropbox {
    display: block;
}

/*下拉菜单样式*/
.block{-moz-border-radius:5px;-webkit-border-radius:5px; width:75px; padding:0;margin:0 auto;position: absolute;right: 0;top: 0px;z-index:9999}
.title{padding:0px;margin:0; background-position:100% 0px;}
.title a{color: #eb4f39;text-decoration: none;display: block; padding:2px 0 2px 0;font-size:12px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;font-weight:normal; text-align:center;height:30px;margin-top: 13px;}
.active {background-position:100% 0px; }
.title a:hover, .title a:hover:focus{color:#C90;}

.block_container{background:#eee;}

/*产品分类*/
ul.proc{ padding:0; font-weight:bold;}
ul.proc li{ clear:both; line-height:22px; padding:0 0 0 3px; background:url(images/bullet.gif) no-repeat; background-position:0px 8px;font-weight:normal; }
ul.proc li a{ font-weight:normal; font-size:12px}
ul.proc li .w{ display:block;width:42px; float:left}
ul.proc li .t{background:url(t.jpg)  0 2px no-repeat; padding-left:15px; width:90px;}
ul.proc li .m{background:url(m.jpg)  0 6px no-repeat; padding-left:15px; width:115px; display:block; float:left}


.mod-title-nobg {padding: 10px 15px;position: relative;text-align: left; background:#eee}
.mod-title-nobg a {color:#333; font-size:16px}
.mod-title-nobg b{ font-weight:normal; color:#333;font-size:14px}

.mod-title.mod-title-nobg h2 {font-size: 18px;line-height: 24px;font-weight: normal;vertical-align: middle;}

.mod-title {padding: 13px 0;position: relative;text-align: left;}
.mod-title a {color:#318cdf; font-size:14px}
.mod-title b{ font-weight:normal; color:#318cdf;font-size:12px}

.mod-title span{ float:right; line-height:46px; padding-right:5px;}
.mod-title span a{ color:#fff; display:inline-block; width:50px; height:18px; line-height:18px; background:#2ea9d3;border-radius:8px; text-align:center}
.mod-title span a:hover{ background:#333;}

.mod-title.t0 {padding: 12px 0 12px 19px;border-top: 1px solid;border-bottom: 1px solid;}

.mod-title.t1 {padding: 0;margin: 14px 0;overflow: hidden;}

.mod-title.t1 h2 {display: inline-block;position: relative;border-left: 6px solid;padding: 0 13px;}

.mod-title.t2 {border-top: 3px solid;padding: 11px 0 12px 19px;}

.mod-title.t3 {padding-left: 19px;margin-right: 4px;position: relative;overflow: hidden;}

.mod-title.t3:before {content: "●";position: absolute;display: inline-block;width: 19px;text-align: center;font-size: 18px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);left: 0px;line-height: 1;}

.mod-title.t3 h2 {display: inline-block;padding-right: 13px;position: relative;}

.mod-title.t4 {padding: 0; margin-top:10px; background:#f3f3f3; margin-bottom:10px;}

.mod-title.t4 h2 {display: inline-block;font-size:16px;line-height:30px;padding: 0 10px;color:#1573f1;}

.mod-title .font-ico {display: none;}

/*6.链接控件 mod-link*/
.mod-link h2 {font-weight: normal;font-size: 14px;}

.mod-link {margin: 14px 14px 12px 14px;font-weight: normal;font-size: 14px;line-height: 1.4;position: relative;}

.mod-link a {display: block;width: 100%;}

.mod-link.t1:before {content: "●";position: absolute;left: 0px;}

.mod-link.t1 h2, .mod-link.t2 h2 {margin-left: 10px;}

.mod-link.t2:before {content: " ";width: 5px;height: 100%;background: #638397;position: absolute;left: 0px;}

.mod-link.t3:after {content: ">";top: 0px;
position: absolute;right: 0px;}

/*7.按钮控件 mod-button*/
.mod-button {text-align: center;margin: 10px;}
.mod-button p{font-size:14px; margin-left:5px; margin-top:5px; line-height:26px;}

.mod-button a {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;}

.btn-highlight,
.btn-flat,
.btn-gradient {box-sizing: border-box;}

.btn-highlight,
.btn-flat,
.btn-gradient {display: inline-block;width: 112px;height: 40px;line-height: 41px;font-size: 16px;text-align: center;}
.configurator .btn-highlight,
.configurator .btn-flat,
.configurator .btn-gradient {
width: 100%;
}

.btn-highlight,
.btn-flat,
.btn-gradient {border-radius: 4px;border: 1px solid;}

.btn-gradient {border-radius: 600px;}

.btn-highlight-theme,
.btn-flat-theme,
.btn-gradient-theme {border: none;}

.btn-highlight:hover,
.btn-highlight-theme:hover,
.btn-flat:hover,
.btn-flat-theme:hover,
.btn-gradient:hover,
.btn-gradient-theme:hover {text-decoration: none;}

.mod-button .font-ico {font-size: 25px;margin-right: 8px;vertical-align: -4px;}

/*8.文本控件 mod-text*/
.mod-text {margin: 14px;font-size: 16px;line-height: 1.6;word-break: break-all;min-height: 1em;}

.mod-text > p {margin: 0 0 16px 0;text-indent: 2em;}

.mod-text > p:last-child {margin-bottom: 0px;}

.mod-text u {text-decoration: underline !important;}

.mod-text i {font-style: italic !important;}

.mod-text b {font-weight: bold !important;}

/*段落控件 mod-para*/
.mod-para {margin: 10px !important;line-height: 1.6;clear:both}
.mod-picgroup {text-align: center;}
.mod-para > p {margin-bottom: 16px;}

.mod-para > p:last-child {margin-bottom: 0px;}
.mod-para img{width:100%}

/*9.图集控件 mod-picgroup*/
.mod-picgroup {text-align: center;}

.mod-picgroup {font-size: 0;margin-bottom: 6px;}

.mod-picgroup .pic-gp1 li {padding-top: 1px;}

.mod-picgroup .pic-gp2 li {display: inline-block;width: 47%;padding: 2% 1% 0 1%;;vertical-align: top;}

.mod-picgroup .pic-gp3 li {display: inline-block;width:22%;padding-top: 2%;padding-right: 2%;padding-bottom: 2%;vertical-align: top;}
.mod-picgroup .pic-gp3 li:last-child{border-right:none;}

.module-drag .mod-picgroup .pic-gp3 li {width: 28%;padding: 2%;vertical-align: top;display: inline-block;}

.mod-picgroup .pic-gp1 li p {color: white;background-color: rgba(0, 0, 0, 0.3);font-size: 14px;text-indent: 10px;text-overflow: ellipsis;height: 30px;margin-top: -30px;opacity: 0.9;text-align: left;line-height: 30px;overflow: hidden;}

.mod-picgroup .pic-gp2 li p {color: white;background-color: rgba(0, 0, 0, 0.3);font-size: 12px;text-indent: 10px;text-overflow: ellipsis;height: 24px;margin-top: -24px;opacity: 0.9;text-align: left;line-height: 24px;overflow: hidden;}

.mod-picgroup .pic-gp3 li p {color: white;font-size: 12px;text-overflow: ellipsis;height: 24px;opacity: 0.9;text-align: center;line-height: 24px;overflow: hidden;}

.mod-picgroup .pic-gp3 li p a {color:#2c63a3; font-size:14px}


.mod-picgroup li img {width: 60%;}

.mod-paras {margin: 10px !important;line-height: 1.6;clear:both}
.mod-picgroups {text-align: center;}
.mod-picgroups .pic-twos li {display: inline-block;width:100%;padding-top: 2%;padding-bottom: 2%;vertical-align: top; text-align:center; border:1px solid #ccc; margin-right:2%;margin-bottom:10px}

.mod-picgroup .pic-two li {display: inline-block;width:45%;padding-top: 2%;padding-bottom: 2%;vertical-align: top; text-align:center; border:1px solid #ccc; margin-right:2%;margin-bottom:10px}
.module-drag .mod-picgroup .pic-two li {width: 48%;padding: 2%;vertical-align: top;display: inline-block;}
.mod-picgroup .pic-two li p {color: white;font-size: 14px;text-overflow: ellipsis;height: 24px;opacity: 0.9;text-align: center;line-height: 24px;overflow: hidden; text-align:center}
.mod-picgroup .pic-two li p a{ display: inline-block; width:90%; background:#2c63a3; color:#FFF; text-align:center;}
.pic-two li img{ width:94%; height:90px;}

.mod-picgroup .newlist{ margin-left:5px}
.mod-picgroup .newlist li {display: inline-block;width:32%;padding-top: 2%;padding-bottom: 2%;vertical-align: top; text-align:center}
.module-drag .mod-picgroup .newlist li {width: 32%;padding: 2%;vertical-align: top;display: inline-block;}
.mod-picgroup .newlist li a { display:block;color:#4aabe2;font-size: 16px;text-overflow: ellipsis;height:40px;opacity: 0.9;text-align: center;line-height: 38px;overflow: hidden; text-align:center; border:1px solid #4aabe2; margin-right:10px;border-radius:5px}
.mod-picgroup .newlist li a:hover{ color:#fff; background:#4aabe2}
.mod-picgroup .newlist li b{ font-weight:normal; color:#FFF}
.cf{background:#4aabe2}


/*10.图片控件 mod-picgroup*/
.mod-picone {text-align: center;margin-bottom: 0}

.mod-picone a {display: block;}

.site-logo .mod-picone img {width: auto;height: 35px;min-height: initial;min-width: initial;padding:10px 0 0 5px;}
.site-logo2 .mod-picone img {width: auto;height: 35px;min-height: initial;min-width: initial;padding:10px 0 0 5px;}


/*文章页*/
.article-hd {text-align: center;padding: 14px 14px 0 14px;}

.m-header {position: absolute;left: 0;top: 0;width: 100%;}

.phone-header {text-align: left;overflow: hidden;position: relative; padding:10px;}
.phone-header img{ width:250px; max-width:500px}

.phone-header > span {display: inline-block;font-size: 18px;vertical-align: top;padding-left: 1em;}

.phone-header .cell {display: block;min-height: 50px;width: auto;text-align: left;float: left;}

.phone-header .cell div[class ^= mod-] {margin: 0;}

.phone-header .site-title,
.phone-header .mod-column .cell:nth-child(2) {margin-left: 5px;}

.phone-header img {vertical-align: top;}

.phone-header .site-title .mod-text,
.phone-header .mod-column .mod-text {text-indent: 0;margin: 0 !important;padding: 0;line-height: 50px;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;max-width: 202px;overflow: hidden;}

.site-title .mod-text>p {text-indent: 0;}

.phone-header .mod-picone {padding: 0;}

.phone-header .home {float: right;}

.phone-header .home img {margin: 10px 10px 10px 0;width: 20px;min-height: initial;min-width: initial;}

.phone-header .login {float: right;}

.phone-header .login img {margin: 12px 6px 12px 0;width: 25px;height: 25px;min-height: initial;min-width: initial;}

.header-theme2 {text-align: center;}

.header-theme2 .cell {width: auto;vertical-align: top;float: none;display: inline-block;}

.header-theme2 .home, .header-theme1 .home {position: absolute;top: 0;right: 0;}

.header-theme2 .login, .header-theme1 .login {position: absolute;top: 0;right: 33px;}

.scroll-wrap {position: absolute;left: 0;top: 50px;bottom: 0;width: 100%;overflow: hidden;}

.scroll {float: left;width: 100%;}

.scroll-ft {position: absolute;left: 0;bottom: 0;width: 100%;}

.article-hd .mod-title {line-height: 1.4;word-break: break-all;text-align: left;padding-bottom: 10px;background: none;padding: 0}

.article-hd .mod-title.t0 {border: none;}

.article-hd .mod-title h2 {font-size: 16px;font-weight:bold;color:#09F;padding-top:5px;}

.article-hd .mod-text {font-size: 11px;color: #999;text-align: left;text-indent: 0;padding: 0;margin: 0;margin-top: .5em;background:url(data.jpg)  0 2px no-repeat;padding-left:20px;float:left;margin-right:10px;height:30px}
.article-hd .view {font-size: 11px;color: #999;text-align: left;text-indent: 0;padding: 0;margin: 0;margin-top: .5em;background:url(view.jpg)  0 2px no-repeat;padding-top:1px;padding-left:17px;float:left;height:30px}

.article-bd .mod-share {padding-bottom: 14px;}

.article-content {word-wrap: break-word;word-break: break-all;}

.article-content .mod-picone {margin-bottom: 10px}

.article-content .nocontent {background-color: #EEE;text-align: center;line-height: 80px;width: 100%;color: #666;font-size: 18px;}

.mod-button-load {line-height: 40px;border: 1px solid #cfcfcf;border-radius: 5px;margin: 0 0.5rem 1rem;background: #f9f9f9;background: -moz-linear-gradient(#f9f9f9, #f0f0f0);background: -webkit-linear-gradient(#f9f9f9, #f0f0f0);background: -o-linear-gradient(#f9f9f9, #f0f0f0);background: linear-gradient(#f9f9f9, #f0f0f0);}

.mod-button-load a {display: block;}

.picview {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);}

.picview {position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;display: -moz-box;-moz-box-orient: horizontal;-moz-box-pack: center;-moz-box-align: center;display: box;box-orient: horizontal;box-pack: center;box-align: center;}

.picview .text {position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.7);}

.picview .text p {font-size: 0.875em;line-height: 1.8em;padding: 0.6em;color: #ccc;}

.picview .back {position: absolute;left: 0;top: 0;width: 100%;line-height: 3em;text-indent: 1em;color: #ccc;font-size: 0.875em;background-color: rgba(0, 0, 0, 0.7);}

.picview .prev, .picview .next {position: absolute;top: 50%;margin-top: -40px;width: 40px;height: 80px;line-height: 80px;text-align: center;font-size: 30px;color: #eee;font-weight: 100;background-color: rgba(0, 0, 0, 0.4);cursor: pointer;}

.picview .prev .font-ico, .picview .next .font-ico {position: relative;display: inline-block;z-index: 100;}

.picview .prev {left: 0;-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.picview .next {right: 0;}

.html-placeholder {width: 40px;height: 54px;background: url(html-placeholder.png) no-repeat;display: block;margin: auto;background-size: contain;}

.js-placeholder {width: 40px;height: 54px;background: url(js-placeholder.png) no-repeat;display: block;margin: auto;background-size: contain;}

.weibo-placeholder {width: 320px;height: 58px;background: url(weibo-placeholder.png) no-repeat;display: block;margin: auto;background-size: contain;}

.quicklink-placeholder {width: 100%;height: 68px;background: url(quicklink-placeholder.png) no-repeat;display: block;margin: auto;background-size: contain;}

.placeholder-frame {border: solid 1px #dbdbdb;border-radius: 4px;min-height: 60px;overflow: hidden;padding: 3px;}

.phone_middle > .mod-themenav2 {width: 320px;margin-left: 21px;}


.mod-nav {line-height: 45px;font-size: 13px;}

.mod-nav .nav-container {width: 100%;position: relative;left: 0px;}

.mod-nav ul {display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;display: -moz-box;-moz-box-orient: horizontal;-moz-box-pack: center;-moz-box-align: center;display: box;box-orient: horizontal;box-pack: center;box-align: center;width: 100%;}

.mod-nav li {-webkit-box-flex: 1;-moz-box-flex: 1;-o-box-flex: 1;box-flex: 1;text-align: center;}

.module .mod-nav ul {float: left;}

.mod-nav li a {display: inline-block;width: 100%;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;box-sizing: border-box;}

.mod-nav .arr-right, .mod-nav .arr-left {position: absolute;top: 50%;margin-top: -20px;font-size: 14px;font-family: '\5B8B\4F53';font-weight: 900;color: black;display: none;z-index: 99;cursor: pointer;}

.mod-nav .arr-left {left: 0px;}

.mod-nav .arr-right {right: 0px;}

.mod-nav.t1,
.mod-nav-theme1 {border-bottom: 2px solid;}

.mod-nav.t1 li,
.mod-nav-theme1 li {position: relative;}

.mod-nav.t1 a,
.mod-nav-theme1 a {height: 16px;line-height: 16px;border-left: 1px solid;}

.mod-nav.t1 li:first-child a,
.mod-nav-theme1 li:first-child a {border: none;}

.mod-nav.t2,
.mod-nav-theme2 {height: 48px;border-top: 1px solid;border-bottom: 1px solid;}

.mod-nav.t2 li,
.mod-nav-theme2 li {position: relative;}

.mod-nav.t2 a,
.mod-nav-theme2 a {height: 16px;line-height: 16px;border-left: 1px solid;}

.mod-nav.t2 li:first-child a,
.mod-nav-theme2 li:first-child a {border: none;}

.mod-nav.t3,
.mod-nav-theme3 {height: 48px;}

.mod-nav.t3 li,
.mod-nav-theme3 li {height: 48px;}

.mod-nav-t3 a, .mod-nav.t3 a:hover,
.mod-nav-theme3 a, .mod-nav-theme3 a:hover {height: 16px;line-height: 16px;border-left: 1px solid;color: #fff;}

.mod-nav.t3 li:first-child a,
.mod-nav-theme3 li:first-child a {border: none;}

.mod-nav.t3 .arr-right, .mod-nav.t3 .arr-left,
.mod-nav-theme3 .arr-right, .mod-nav-theme3 .arr-left {color: #fff;}

.mod-pictxt {padding: 0 5px;}

.mod-pictxt a:hover {text-decoration: none;}

.mod-pictxt li {padding: 14px 0px;overflow: hidden;border-top: 1px dashed #ddd;}

.mod-pictxt li:first-child {border: none;}

.mod-pictxt h3 {font-size: 14px;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;}

.mod-pictxt .pic {float: left;margin: 0 14px 0 0;}

.mod-pictxt p {margin-top: 6px;font-size: 14px;line-height: 1.2;max-height: 2.4em;overflow: hidden;text-overflow: ellipsis;color: #666;word-break: break-all;word-wrap: break-word;}

.mod-pictxt.t1 li,
.mod-pictxt1 li {overflow: hidden;height: 40px}

.mod-text {font-size: 11px;color: #999;text-align: left;text-indent: 0;padding: 0;margin: 0;margin-top: .5em;background:url(data.jpg)  8px 2px no-repeat;padding-left:30px;float:left;margin-right:20px;height:30px; font-size:14px}
.view {font-size: 11px;color: #999;text-align: left;text-indent: 0;padding: 0;margin: 0;margin-top: .5em;background:url(dz.jpg)  0 2px no-repeat;padding-top:1px;padding-left:20px;float:left;height:30px; font-size:14px}


.mod-job li {overflow: hidden;height:20px;}
.mod-job li h3 {font-size: 16px;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;color:#888;float:left}
.mod-job .pic {float: right;margin: 0;}
.mod-job .pic a{ display: block;border-radius:5px; font-size:14px; background:#ffb400; color:#FFF; padding: 0 5px}
.mod-job .times {font-size: 11px;font-size:16px; float:right; padding-right:5px;color:#888;}

.mod-pictxt.t1 .pic, .mod-pictxt.t1 .pic img,
.mod-pictxt1 .pic, .mod-pictxt1 .pic img {width: 100px;height: 75px;}

.mod-pictxt.t1 .pic,
.mod-pictxt1 .pic {margin-top: -21px;}

.mod-pictxt.t1 h3,
.mod-pictxt1 h3 {margin-right: 30px;white-space: nowrap;}

.mod-pictxt.t1 h3 a,
.mod-pictxt1 h3 a {white-space: nowrap;}

.mod-pictxt.t1 .no-pic h3,
.mod-pictxt1 .no-pic h3 {margin-left: 0px;}

.mod-pictxt.t1 .no-pic,
.mod-pictxt1 .no-pic {padding-left: 0px;}

.mod-pictxt.t1 .pic,
.mod-pictxt1 .pic {float: right;}

.mod-pictxt.t2 .pic, .mod-pictxt.t2 .pic img, .mod-pictxt.t3 .pic img,
.mod-pictxt2 .pic, .mod-pictxt2 .pic img, .mod-pictxt3 .pic img {width: 72px;height: 54px;}

.mod-pictxt.t2 .pic,
.mod-pictxt2 .pic {margin-top: 6px;}

.mod-pictxt.t3 li,
.mod-pictxt3 li {padding-bottom: 8px;}

.mod-pictxt.t3 .pic,
.mod-pictxt3 .pic {float: right;margin: 6px 0 0 14px;width: 72px;height: 54px;}

.mod-pictxt.t3 p,
.mod-pictxt3 p {margin: 6px 40px 0 0;}

.mod-pictxt.t4 .pic,
.mod-pictxt4 .pic {display: none;}

.mod-pictxt.t4 h3,
.mod-pictxt4 h3 {margin-bottom: 0;white-space: nowrap;}

.mod-pictxt .nocontent {font-size: 14px;text-align: center;padding: 1em 0;}

.mod-pictxt .nocontent-more {font-size: 14px;text-align: center;padding: 1em 0;opacity: 0.5;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);}

.mod-pictxt h2 {font-size: 18px;font-weight: bold;line-height: 1.3;padding: 13px 0;border-bottom: 1px solid #eff0f2;}

.mod-pictxt h2 .font-ico {display: inline-block;vertical-align: top;margin: 5px -3px 0 -6px;font-size: 16px;}

.mod-pictxt .time {font-size: 11px;color: #999;float:right;font-size:12px;position: relative;top: -15px;}

.mod-pictxt .stime {float:right;color:#007cc2;font-size:12px;position: relative;top: -38px; padding-right:5px}

.mod-pictxt.t1 .no-pic .pic, .mod-pictxt.t2 .no-pic .pic, .mod-pictxt.t3 .no-pic .pic,
.mod-pictxt1 .no-pic .pic, .mod-pictxt2 .no-pic .pic, .mod-pictxt3 .no-pic .pic {display: none;}

.mod-pictxt.t1 .no-pic,
.mod-pictxt1 .no-pic {padding-left: 0;}

.mod-pictxt.t3 .no-pic p,
.mod-pictxt3 .no-pic p {margin-right: 0;}

.mod-pictxt a {text-decoration: none !important;}

body.nav-on-bottom .baiduServiceBottomBar {bottom: 45px !important;z-index: 10 !important;}



.box_swipe{overflow:hidden;position:relative;}
.box_swipe ul{-webkit-padding-start: 0px;}
.box_swipe>ol{height:20px;position: relative;z-index:10;bottom:0;margin-top:-20px;text-align:center;}

.box_swipe>ol>li{display:inline-block;margin:5px;width:8px;height:8px;background-color:#757575;border-radius:5px;}
.box_swipe>ol>li.on{background-color:#fc0;}

.bottom_b{border-top:3px solid #318cdf; height:125px; text-align:center; background:#eaeaea; font-size:14px; line-height:25px;}

.company p{ text-indent:2em; padding:10px 10px; line-height:24px; color:#333}

.clear{clear:both}
/*分页 页码*/
.page{height:60px;margin:0 auto;text-align:center;margin-bottom:15px; margin-top:15px; overflow:hidden;}
.page a{display:inline-block; padding:5px;text-align:center; line-height:24px;margin:0 2px;color:#333;}
.page a:hover,.page a.current{background:#333;color:#fff; border-radius:0;}
.page input#pagetext{width:50px;height:23px;border:1px solid #dfdfdf;border-radius:5px;}
.page input#pagebtn{width:35px;height:23px;border:1px solid #dfdfdf;border-radius:5px;}

.mrl10{margin-left:10px; margin-right:10px;border:1px solid #ddd;}
.mr10{margin-left:10px; margin-right:10px;}
.mrl10 img { width:100%}
.mt20{ margin-bottom:20px}
.mb20{ margin-top:20px;}
.border3{ border-bottom:1px #ccc solid;margin-left:10px; margin-right:10px; margin-top:30px; color:#3399cc; line-height:30px}
.jobtit{margin:10px; color:#333; line-height:30px}
.jobtit h2{color:#4aabe2; font-size:18px}
.jobtit p{ font-size:12px; color:#999;}
.proinfo{margin:0;line-height:26px;}
.proinfo h2{ font-weight:bold; height:36px;line-height:36px;}
.proinfo p{line-height:26px; color:#333}
.jobinfo { text-indent:2em; padding:10px 10px; line-height:24px; color:#333}

/*销售专员列表*/
ul.lists{ padding:0 0 15px 0; font-weight:bold;}
ul.lists li{ clear:both; line-height:30px; font-size:14px; padding:5px 0 5px 12px; background:url(images/bullet.gif) no-repeat; background-position:0px 8px;font-weight:normal; }
ul.lists li a{ font-weight:normal; font-size:14px}
ul.lists li .w{display: block;float: left;width: 56px;}
ul.lists li .t{background: url("t.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);padding-left: 16px;width: 90px;}
ul.lists li .m {background: url("m.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);display: block;float: left;padding-left: 15px;width: 105px;}

/*搜索框*/
.pdsearch{margin:0 auto;width:94%;height:30px; margin-top:10px; margin-bottom:10px;}
.pdsearch legend {display:none;}
.searchfs{background:#fff;border:solid 1px #ddd;border-radius:8px;height:30px;padding:0px 5px;}
#product::-webkit-input-placeholder{font-size:14px;font-style:italic;color:#7f8c97;font-family:"Microsoft YaHei",微软雅黑;line-height:26px;padding-left:15px;}
.searchtxt{float:left;outline: none; border:none;background:#fff;height:30px;font-size:16px;line-height:30px;padding-left:5px;font-family:"Microsoft YaHei",微软雅黑; color:#999}
.searchbtn{float:right;width:68px;height:28px;background:url(so.png)  0 3px no-repeat; border:none;}
.searchbtn a{display:block;width:68px;height:28px;}
.tel{color:#6e763a;font-size:26px;font-weight:bold;line-height:46px;text-align:center;font-family:"Microsoft YaHei",微软雅黑;}

.honor{ margin-left:10px; margin-right:10px}
.honor img{ padding:5px; border:1px solid #ddd; margin-top:10px}


/*分页*/
.AspNetPager1
{
    width:235px;margin:10px auto 15px;height:30px;padding-left:85px;
}
#AspNetPager1
{
    width:240px;height:30px;position:relative;margin:0 auto;
}
#AspNetPager1 .Currentpage
{
    display:none;
}

#AspNetPager1 .PrevNextpage
{
    text-align:center; margin-right:65px;display:inline-block;font-size:12px;width:50px;height:26px;line-height:26px;background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e8e8e8));border:1px #D5D5D5 solid;overflow:hidden;border-radius:2px;-webkit-border-radius:2px;background:#fafafa;
}
#AspNetPager1_input
{
    display:block;position:absolute;top:0px;left:60px;width:46px;height:28px;font-size:14px;-webkit-border-radius:3px;border:solid 1px #ccc;
}

#myPage
{
    display:table;text-align:center;margin:5px auto;font-size:14px;
}
    #myPage span,#myPage a
    {
        margin:0px 3px;
    }



.mod-themenav2 {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 0;
    z-index: 11;
    margin-bottom: 0 !important;
	background:#eb4f39
}
.mod-themenav2 ul {
    white-space: nowrap;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    width: 100%;
	background:#007cc2
}
.mod-themenav2 li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    vertical-align: top;
    width: 20%;
    height: 50px;
    line-height: 50px;
}
.mod-themenav2 a {
    display: block;
    line-height: 1;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-top:3px
}



/*产品页*/
.pdinfose
{
    width:320px;margin:auto;
}
    .pdinfose li
    {
        width:152px;height:150px;float:left;margin:0px 4px 10px 4px;background:#FaFaFa;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
    }
        .pdinfose li p
        {
            padding:0px 4px;line-height:16px;
        }
.pdinfo
{
    width:98%;margin:auto;
}
.pdmbx
{
    height:40px;background:url(/images/pdnav1-line.jpg) repeat-x bottom;font-size:14px;line-height:40px;width:314px;margin:0 auto;
}
.pdtopimg
{
    height:260px;background:url(/images/pdbg1.jpg) no-repeat center bottom;padding:0 10px;
}
.pdtitle
{
    margin:0 10px;border:solid 2px #bdc0c1;height:234px;position:relative;
}

.pdtitle img
{
    padding:10px 10px 0px 11px;width:254px;height:182px;
}
#pdma
{
    position:absolute;width:96px;height:107px;top:4px;left:5px;
}
    #pdma img
    {
        width:96px;height:107px;padding:0;
    }
    .pdtitle h1
    {
        line-height:35px;font-size:14px;text-align:center;font-weight:bold;
    }
.pdmenu
{
    width:95%;height:23px;padding:0 10px;margin-top:15px;font-size:14px;
}
#pdmenul
{
    width:40%;height:23px;background:-webkit-linear-gradient(left,#dfdfdf 0px,#dfdfdf 143px,#767778 143px);float:left;text-align:center;line-height:23px;
}
#pdmenur
{
    width:145px;height:23px;background:-webkit-linear-gradient(left,#dfdfdf 0px,#dfdfdf 143px,#767778 143px);float:right;text-align:center;line-height:23px;
}
.pdmenua
{
    color:red;
}
#pdcont
{
     width:95%;padding:10px 12px;font-size:14px;line-height:26px;font-family:宋体;
}
    #pdcont img
    {
        width:280px;border:1px solid #ccc;padding:3px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);background:#fff;border-radius:3px;
    }

/*评论*/
#commentShow
{
    display:none;padding:0px 5px;
}
.leftBox{background:url(/images/xingji.jpg) no-repeat 70px 0px;height:35px;}
.leftBox span
{
    font-size:14px;line-height:28px;
}
.rightBox
{
    font-size:14px;line-height:28px;
}
    .rightBox strong
    {
        color:red;
    }
#leavemsg li{background:url(/images/pdnav1-line.jpg) repeat-x bottom;line-height:20px;margin-bottom:10px;font-size:14px}
    #leavemsg li div
    {
       padding:5px 0px;
    }
#leavemsg .plname
{
    background:#dfdfdf;
}
.commentsFn h2
{
    background:url(/images/pdnav1-line.jpg) repeat-x bottom;background:#dfdfdf;line-height:30px;font-size:14px;color:red;padding-left:10px;
}
.commentsFn td
{
    line-height:35px;
}
.plinput{ border: 1px solid #ddd;width:95%;}
.pltextarea{border: 1px solid #ddd;width:95%;height:70px;}
.honorse
{
    padding:0px 5px;
}
.honorh1
{
    font-size:18px;font-weight:bold;color:red;padding:15px 0px 5px 5px;
}
.honorlist li
{
    line-height:24px;font-size:14px;padding:5px;background:url(/images/honorlibg.jpg) no-repeat 0px bottom;
}

.table{font-size:14px}
.t{ width:50px}

.pronew{ width:92%; margin:0 auto; margin-top:10px;}
.pronew ul li{ float:left; width:30%; margin-right:4%; margin-bottom:10px;}
.pronew ul li:nth-child(3n){ margin-right:0;}


.i_about{ float:left; width:100%;}
.i_news{ float:left; margin-left:15px; width:540px;height:350px;}
.i_server{ float:left; margin-left:15px; width:315px;height:350px;}
.i_honer{ float:left; width:870px;height:250px;}
.i_customer{ float:left; margin-left:15px; width:315px;height:250px;}
.titleN{ width:95%; margin:0 auto;margin-top:20px; height:35px}
.titleN h2{ float:left; width:90px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:16px; background:#ca1c1c;}
.titleN span{ float:right; width:50px; height:40px; text-align:center; line-height:38px; border-right:1px solid #ddd;}
.titleN span a{font-size:12px; color:#fff;}
.titleN span a:hover{font-size:12px; color:#333;}
.titleN ul li{ float:left; width:25%; height:35px; text-align:center; line-height:35px; color:#fff; font-size:16px; cursor:pointer;font-family:"微软雅黑"; border-top-left-radius:8px;border-top-right-radius:8px;background:#007cc2; margin-right:5px;}
.titleN ul li.current{ color:#fff; background:#c00;}
.hide {display: none;}

.mod-pictxtn li {overflow: hidden;height:40px;line-height:40px; border:0;margin:0; padding:0;margin-bottom:8px}
.mod-pictxtn h3 {margin-right:30px;white-space: nowrap;;height:40px;line-height:40px;}
.mod-pictxtn ul li a{ display:block; background:#e7e7e6; padding-left:5px;border-radius:5px;height:40px;line-height:40px;}

.cont{ width:98%; margin:0 auto;border-top-left-radius:8px;border-top-right-radius:8px;}

.newsmorm{ width:98%; margin:0 auto; text-align:center; font-size:16px; color:#FFF; background:#184984; height:30px; line-height:30px;}
.newsmorm a{ color:#fff}

.pro_hot .o { margin-left:2%; width:44%; text-align:center; float:left; list-style-type:none; }
.pro_hot .o p{ padding:10px 0 0 10px; color:#333; font-size:14px; font-weight:bold; text-align:left;}
.pro_hot .o img{ width:90%; height:90px;  padding-bottom:5px;}

.pro_hot .t{ float:left; width:48%;margin-right:2%; list-style-type:none;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc}
.pro_hot .t p{ padding:10px 0 0 10px; color:#333; font-size:14px; font-weight:bold; text-align:left; float:left; width:30%}
.pro_hot .t img{ width:55%; float:right}


.pro_hot .s{ float:left; width:48%;margin-right:2%;  list-style-type:none;border-left: 1px solid #ccc}
.pro_hot .s p{ padding:10px 0 0 10px; color:#333; font-size:14px; font-weight:bold; text-align:left; float:right; width:30%}
.pro_hot .s img{ width:55%; float:left}
.header{position:relative;height:50px;background:#006fe2;}
.header .logo{display:block;width:130px;height:30px;padding:10px 0 0 10px;}
.header .logo img{display:block;width: 250px;max-width: 500px;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(icon-search.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#0067d2;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#0067d2;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(icon-back.png) no-repeat center center;background-size:12px 20px;}
.subCont img{ width:90%; height:auto;}
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}
.st-links{
	width:90%;
	height:auto;
	
	}