/*****Reset Css  2014.12.31 By www.insaas.com ,Author:Changliang*****/

body {
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", "Hiragino Sans GB", "微软雅黑", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
form,
input,
button,
textarea,
p,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    font: 12px / 1.5  arial;;
    color: #666666;
    background: url(../images/body.jpg) no-repeat center 141px #bfd7ec;
}

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

ul,
ol {
    list-style: none outside none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
    vertical-align: middle;
}

a {
    color: #444444;
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
}

a:hover {
    text-decoration: none;
    color: #c40109;
}

:focus {
    outline: 0 none;
}

h1,
h2,
h3 {
    font-size: 100%;
}

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
}


/*****common css*****/

.wrapper {
    width: 1000px;
    margin: auto;
}

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

.clearfix {
    *zoom: 1;
}

.text {
    border: none;
    font-size: 12px;
    font-family: "Microsoft yahei";
}

.btn {
    cursor: pointer;
    border: none;
    font-family: "Microsoft yahei";
}

em,
h3 {
    font-style: normal;
    font-weight: normal;
}


/*header*/

.header {
    background: url(../images/head.gif) repeat-x;
    height: 104px;
    min-width: 1040px;
}

.header h1 {
    font-size: 0;
    float: left;
    padding-top: 12px;
    float: left;
}

.headright {
    float: right;
    padding-top: 25px;
}

.lbar {
    line-height: 27px;
    text-align: right;
    margin-bottom: 2px;
}

.lbar .tel {
    background: url(../images/ico1.png) no-repeat left;
    padding-left: 25px;
    color: #c40109;
    font-size: 18px;
    margin-right: 5px;
}

.lbar a {
    margin: 0 8px;
    color: #333;
    position: relative;
    top: -2px;
}

.searchbox {
    height: 27px;
}

.searchbox .select {
    height: 28px;
    line-height: 27px;
    padding: 5px 5px;
    width: 98px;
    border: 1px solid #dedfdf;
    float: left;
}

.searchbox .text {
    height: 19px;
    line-height: 19px;
    padding: 3px 5px;
    width: 210px;
    border: 1px solid #dedfdf;
    float: left;
}

.searchbox .btn {
    background: url(../images/fd.gif) no-repeat;
    width: 33px;
    height: 27px;
    float: left;
}

.mcar {
    background: url(../images/car.png) no-repeat 4px #c40109;
    display: inline-block;
    padding: 5px 6px 4px 26px;
    color: #fff;
    float: left;
    margin-left: 8px;
    color: #fff;
}

.mcar:hover {
    color: #fff;
}

.lbar em {
    font-size: 14px;
    margin-left: 10px;
    color: #125CC7;
    top: -2px;
    position: relative;
}

.navbar {
    background: url(../images/nav.gif) repeat-x bottom;
    height: 44px;
    width: 100%;
    min-width: 1000px;
    margin-top: -7px;
}

.nav li {
    float: left;
    width: 142px;
    text-align: center;
    line-height: 48px;
    position: relative;
    z-index: 9;
}

.nav li a {
    font-weight: 700;
    display: block;
    font-size: 14PX;
    color: #FFF;
    height: 44px;
    font-family: '微软雅黑';
    -font-weight: normal;
}

.nav li a:hover,
.nav li .current,
.nav li a.active {
    background: url(../images/hover.png) no-repeat center 0;
    color: #000;
}

.nav ul {
    margin-left: 2px;
}

.nav .subnav {
    background: url(../images/bg2.gif) repeat-x #E8E8E8;
    width: 128px;
    position: absolute;
    left: 5px;
    top: 44px;
    border: 1px solid #7A92CC;
    border-top: none;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    z-index: 9999;
    display: none;
}

.nav .dp a {
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
}

.nav .dp a:hover {
    background: #0054a5;
    color: #fff;
}

.nav .dp2 {
    width: 870px;
    left: -156px;
}

.nav .dp2 a {
    color: #000;
}

.nav .dp2 dl {
    width: 165px;
    float: left;
    text-align: left;
    margin-bottom: 20px;
}

.nav .dp2 dl dt {
    margin-bottom: 5px;
}

.nav .dp2 dl dt a {
    color: #0054a5;
    background: url(../images/sj2.png) no-repeat left;
    padding-left: 15px;
    font-size: 14px;
}

.nav .dp2 dl a {
    line-height: 22px;
    height: auto;
    font-size: 12px;
}

.nav .dp2 dd {
    padding-left: 8px;
    line-height: 22px;
}

.nav .dp2 dd a {
    display: inline-block;
    padding: 0 10px;
}

.nav .dp2 dd a:hover {
    background: #0054a5;
    color: #fff;
}

.pdz {
    overflow: hidden;
    zoom: 1;
}

.nav .subnav a {
    font-weight: normal;
    font-family: '宋体';
}

.slide {
    width: 1040px;
    margin: auto;
    height: 296px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.slideimg li {
    width: 1040px;
    height: 296px;
    position: absolute;
    left: 0;
    top: 0;
}

.slidebtn {
    overflow: hidden;
    zoom: 1;
    z-index: 999;
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

.slidebtn li {
    width: 24px;
    height: 6px;
    background: #fff;
    font-size: 0;
    text-indent: -9999px;
    display: inline-block;
    margin: 0 7px;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.slidebtn li.on {
    background: #125cc7;
}

.rbox {
    width: 1000px;
    margin: auto;
    background: url(../images/c1.gif) repeat-x center top #fff;
    box-shadow: 0 2px 1px 0px #c7c7c7;
    padding: 0 20px 15px;
}

.i-cloumn {
    height: 45px;
    line-height: 45px;
    background: url(../images/hr1.gif) repeat-x center 50%;
    margin: 0 50px 0 80px;
}

.i-cloumn strong {
    float: left;
    margin-left: -80px;
    font-size: 16px;
    color: #333;
}

.scroll-p {
    width: 1000px;
    height: 180px;
    position: relative;
    margin-bottom: 20px;
}

#scroll_img {
    height: 180px;
    width: 1000px;
    overflow: hidden;
}

#scroll_img li {
    width: 187px;
    float: left;
    margin-right: 16px;
    _display: inline;
}

#scroll_img li a {
    display: block;
}

#scroll_img li img {
    border: 1px solid #d9d9d9;
}

#scroll_img li h3 {
    height: 35px;
    padding: 5px 10px;
    background: #f2f2f2;
    border-bottom: 2px solid #dadada;
    display: block;
    text-align: center;
}

#scroll_img li a:hover {
    color: #fff;
}

#scroll_img li a:hover h3 {
    background: #125cc7;
    border-color: #104ca3;
}

#scroll_img li a:hover img {
    border-color: #125bc5;
}

.change {
    background: url(../images/btns.png) no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    top: -31px;
}

#lc {
    background-position: 0 0;
    right: 22px;
}

#rc {
    background-position: -22px -19px;
    right: -1px;
}

#lc:hover {
    background-position: 0 -19px;
}

#rc:hover {
    background-position: -22px 0;
}

.inews {
    width: 595px;
    float: left;
}

.i2-cloumn {
    height: 24px;
    margin-bottom: 20px;
}

.i2-cloumn span {
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.i2-cloumn span em {
    font-size: 13px;
}

.i2-cloumn .more {
    background: url(../images/more.png) no-repeat;
    width: 14px;
    height: 14px;
    float: right;
    margin-top: 4px;
}

.iTop-news span {
    float: left;
    width: 52px;
    text-align: center;
    height: 40px;
    border: 1px solid #c40109;
    font-size: 14px;
}

.iTop-news span em {
    height: 20px;
    display: block;
    line-height: 20px;
    background: #c40109;
    color: #fff;
    font-size: 12px;
}

.inimg {
    float: left;
    margin-left: 12px;
}

.iTop-news {
    padding-bottom: 15px;
    background: url(../images/hr1.gif) repeat-x bottom;
}

.iTop-news .intro {
    float: left;
    padding-left: 12px;
    width: 415px;
}

.iTop-news .intro h3 {
    height: 24px;
    overflow: hidden;
}

.iTop-news .intro p {
    height: 92px;
    overflow: hidden;
}

.iTop-news .intro h3 a {
    color: #000;
}

.iTop-news .intro .more {
    color: #d60000;
}

.iNews-list {
    margin-top: 5px;
}

.iNews-list li {
    float: left;
    width: 50%;
    *width: 49%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    vertical-align: bottom;
}

.iNews-list li a {
    background: url(../images/sj1.png) no-repeat left;
    padding-left: 12px;
    float: left;
    width: 260px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.iTec {
    width: 390px;
    float: right;
}

.iTec-list {
    width: 400px;
    margin-bottom: 15px;
    height: 95px;
}

.iTec-list li {
    float: left;
    width: 120px;
    margin-right: 13px;
    _display: inline;
}

.iTec-list li img {
    width: 118px;
    height: 70px;
    border: 1px solid #d0d0d0;
    border-bottom: none;
}

.iTec-list li span {
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    background: #687a8c;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.iTec-list li a:hover span {
    background: #125cc7;
}

.iTec-list li:hover img {
    border-color: #125cc7;
}

.w168 {
    margin-top: 0;
}

.w168 li a {
    width: 168px;
}

#snew,
#sul {
    -height: 48px;
    height: 212px;
    overflow: hidden;
}

.footer {
    min-height: 230px;
    background: #354759;
    width: 1000px;
    padding: 0 20px;
    margin: auto;
}

.bmenus {
    margin-bottom: 30px;
}

.bmenus dl {
    float: left;
    width: 165px;
    padding-top: 32px;
}

.bmenus dt {
    height: 14px;
    line-height: 14px;
    border-left: 3px solid #fff;
    padding-left: 10px;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 15px;
}

.bmenus dd {
    line-height: 22px;
    padding-left: 10px;
}

.bmenus dd a {
    color: #8d9eb5;
    font-size: 14px;
}

.bmenus .bc {
    width: 208px;
}

.bc dd {
    background: url(../images/ico2.png) no-repeat;
    padding-left: 25px;
    margin-bottom: 5px;
}

.bc .d1 {
    background-position: 0 0;
    font-size: 16px;
}

.bc .d2 {
    background-position: 0 -25px;
}

.bc .d3 {
    background-position: 0 -48px;
    font-size: 14px;
}

.er {
    float: right;
    text-align: center;
    color: #fff;
    padding-top: 40px;
}

.er img {
    margin-top: 15px;
}

.copy {
    border-top: 1px solid #5e7084;
    padding: 15px 0;
    color: #fff;
    overflow: hidden;
    zoom: 1;
}

.copy p {
    float: left;
    width: 100%;
    text-align: center;
}

.copy .te {
    float: right;
    color: #fff;
}

.q {
    background: url(../images/s.jpg) no-repeat top;
    position: relative;
    width: 120px;
    padding-top: 39px;
    position: fixed;
    right: 0;
    top: 143px;
    z-index: 9999;
    _position: absolute;
}

#close {
    position: absolute;
    right: 8px;
    top: 0px;
}

.q ul {
    background: #ffffff;
    border: 1px solid #e7e8e8;
    padding-top: 5px;
}

.q ul li a {
    background: url(../images/q.jpg) no-repeat left;
    padding-left: 24px;
    display: inline-block;
}

.q ul li {
    line-height: 30px;
    padding-left: 16px;
}

.hotsell {
    width: 172px;
    background: url(../images/c3.png) no-repeat bottom;
    padding-bottom: 8px;
    position: fixed;
    z-index: 9999;
    top: 290px;
    left: 50%;
    margin-left: -712px;
}

.hotsell h3 {
    background: url(../images/c2.png) no-repeat;
    width: 172px;
    height: 32px;
    line-height: 32px;
}

.hotsell h3 span {
    float: left;
    font-size: 14px;
    color: #333;
    margin-left: 10px;
}

.hotsell h3 a {
    float: right;
    margin-right: 10px;
}

.hotsell ul {
    padding: 0 10px 10px;
    background: #fff;
}

.hotsell li {
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px dotted #818182;
}

.hotsell li a {
    width: 130px;
    display: block;
    margin: auto;
}

.hotsell li img {
    border: 1px solid #d8d8d8;
    margin-bottom: 5px;
}

.small {
    position: absolute;
    left: 0;
    margin: 0;
}

.banner {
    width: 1040px;
    margin: auto;
}

.content {
    width: 1040px;
    margin: auto;
    background: #fff;
}

.leftside {
    width: 203px;
    float: left;
}

.l-cloumn {
    background: url(../images/c4.png) no-repeat;
    width: 203px;
    height: 70px;
    margin-top: -13px;
    position: relative;
    z-index: 1;
    margin-bottom: 16px;
}

.l-cloumn span {
    color: #fff;
    font-size: 21px;
    float: left;
    margin: 26px 0 0 22px;
    font-family: '微软雅黑';
}

.menus {
    margin-bottom: 35px;
}

.menus ul {
    padding: 0 12px;
}

.menus li {
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 2px;
}

.menus li a {
    font-size: 14px;
    display: block;
    color: #000;
    background: #e1e4e7;
    border-radius: 10px;
}

.menus li .hover,
.menus ul li a:hover {
    color: #fff;
    background: #125cc7;
}

.quick-links {
    text-align: center;
}

.quick-links a {
    display: block;
    margin-bottom: 10px;
}

.main {
    background: url(../images/c6.png) repeat-y;
    float: left;
    width: 837px;
}

.box {
    background: url(../images/c5.png) no-repeat center top;
    padding: 0 18px;
    padding-bottom: 30px;
}

.bread {
    background: url(../images/ico3.png) no-repeat 8px 29px;
    padding-left: 30px;
    height: 58px;
    line-height: 72px;
    font-size: 12px;
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
}
.bread a {
    font-size: 12px;
}

.article {
    line-height: 30px;
    min-height: 400px;
    padding: 20px 10px;
    color: #333;
    width: 781px;
    overflow: hidden;
}

.article img {
    max-width: 781px;
}

.bg1 {
    background: url(../images/bg1.jpg) no-repeat right bottom;
}

.goback {
    padding-left: 10px;
}

#color1.hover,
#color1:hover {
    background: #2088eb;
}

#color2.hover,
#color2:hover {
    background: #ef165c;
}

#color3.hover,
#color3:hover {
    background: #de4938;
}

#color4.hover,
#color4:hover {
    background: #ff9e4b;
}

#color5.hover,
#color5:hover {
    background: #0ec289;
}

#color6.hover,
#color6:hover {
    background: #b75d41;
}

#color7.hover,
#color7:hover {
    background: #793b9e;
}

#color8.hover,
#color8:hover {
    background: #e74990;
}

#color9.hover,
#color9:hover {
    background: #4cc5bc;
}

#color10.hover,
#color10:hover {
    background: #539b50;
}

.exp {
    height: 105px;
    margin-top: 15px;
}

.exp dt {
    float: left;
}

.exp dd {
    padding-left: 20px;
    float: left;
    width: 630px;
}

.exp dd h3 {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
}

.exp dd .intro {
    line-height: 20px;
    height: 80px;
    overflow: hidden;
    color: #000;
}

.tags {
    min-height: 30px;
    line-height: 30px;
    background: #ededed;
    width: 100%;
}

.tags a {
    display: inline-block;
    padding: 0 20px;
    font-size: 14px;
    color: #000;
}

.tags .on,
.tags a:hover {
    color: #fff;
    border-radius: 4px 4px 0 0;
    background: #125cc7
}

.exp-info .btn {
    padding: 5px 10px;
}


/*color*/

.color1 .tags .on,
.color1 .exp-info dd th,
.color1 .exp-info .btn,
.color1 .tags2 .on {
    background: #2088EB;
}

.color1 .pro-title {
    color: #c00;
}

.color1 .tags a:hover,
.color1 .tags2 a:hover {
    background: #2088EB;
    color: #fff;
}

.color2 .tags .on,
.color2 .exp-info dd th,
.color2 .exp-info .btn,
.color2 .tags2 .on {
    background: #ef165c;
}

.color2 .pro-title {
    color: #ef165c;
}

.color2 .tags a:hover,
.color2 .tags2 a:hover {
    background: #ef165c;
    color: #fff;
}

.color3 .tags .on,
.color3 .exp-info dd th,
.color3 .exp-info .btn,
.color3 .tags2 .on {
    background: #de4938;
}

.color3 .pro-title {
    color: #de4938;
}

.color3 .tags a:hover,
.color3 .tags2 a:hover {
    background: #de4938;
    color: #fff;
}

.color4 .tags .on,
.color4 .exp-info dd th,
.color4 .exp-info .btn,
.color4 .tags2 .on {
    background: #ff9e4b;
}

.color4 .pro-title {
    color: #ff9e4b;
}

.color4 .tags a:hover,
.color4 .tags2 a:hover {
    background: #ff9e4b;
    color: #fff;
}

.color5 .tags .on,
.color5 .exp-info dd th,
.color5 .exp-info .btn,
.color5 .tags2 .on {
    background: #0ec289;
}

.color5 .pro-title {
    color: #0ec289;
}

.color5 .tags a:hover,
.color5 .tags2 a:hover {
    background: #0ec289;
    color: #fff;
}

.color6 .tags .on,
.color6 .exp-info dd th,
.color6 .exp-info .btn,
.color6 .tags2 .on {
    background: #b75d41;
}

.color6 .pro-title {
    color: #b75d41;
}

.color6 .tags a:hover,
.color6 .tags2 a:hover {
    background: #b75d41;
    color: #fff;
}

.color7 .tags .on,
.color7 .exp-info dd th,
.color7 .exp-info .btn,
.color7 .tags2 .on {
    background: #793b9e;
}

.color7 .pro-title {
    color: #793b9e;
}

.color7 .tags a:hover,
.color7 .tags2 a:hover {
    background: #793b9e;
    color: #fff;
}

.color8 .tags .on,
.color8 .exp-info dd th,
.color8 .exp-info .btn,
.color8 .tags2 .on {
    background: #e74990;
}

.color8 .pro-title {
    color: #e74990;
}

.color8 .tags a:hover,
.color8 .tags2 a:hover {
    background: #e74990;
    color: #fff;
}

.color9 .tags .on,
.color9 .exp-info dd th,
.color9 .exp-info .btn,
.color9 .tags2 .on {
    background: #4cc5bc;
}

.color9 .pro-title {
    color: #4cc5bc;
}

.color9 .tags a:hover,
.color9 .tags2 a:hover {
    background: #4cc5bc;
    color: #fff;
}

.color10 .tags .on,
.color10 .exp-info dd th,
.color10 .exp-info .btn,
.color10 .tags2 .on {
    background: #539b50;
}

.color10 .pro-title {
    color: #539b50;
}

.color10 .tags a:hover,
.color10 .tags2 a:hover {
    background: #539b50;
    color: #fff;
}

.pro-list {
    margin-top: 40px;
}

.tagcon {
    border: 1px solid #d9d9d9;
    border-top: none;
    min-height: 200px;
    padding: 25px 0;
}

.tagcon ul {
    padding: 0 20px;
    display: none;
}

.tagcon li {
    width: 50%;
    float: left;
    padding-bottom: 10px;
}

.tagcon li a {
    background: url(../images/dot1.gif) no-repeat left;
    padding-left: 10px;
    float: left;
    width: 330px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
}

.exp-info {
    margin-left: 15px;
}

.exp-info img {
    border: 1px solid #d9d9d9;
}

.exp-info dd {
    padding-left: 30px;
    width: 570px;
}

.exp-info dd th {
    height: 30px;
    color: #fff;
    font-size: 14px;
    -font-weight: normal;
    background: #2088eb!important;
    border-bottom: 1px solid #fff;
}

.exp-info dd td {
    text-align: center;
    padding: 6px 0;
    background: #e6e6e6;
    color: #000;
    border-bottom: 1px solid #fff;
    font-size: 13px;
}

.exp-info dd .text {
    width: 45px;
    margin: 0 4px;
    text-align: center;
    height: 18px;
    line-height: 18px;
}

.pro-title {
    font-size: 16px;
    padding: 20px 0 0 15px;
}

.exp-info .btn {
    width: 78px;
    height: 21px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 700;
}

.exp-info .btnstyle td {
    text-align: right;
    background: none;
}

.btnstyle {
    margin-top: 15px;
}

.exp-info {
    height: auto;
    overflow: hidden;
    zoom: 1;
}

.tags2 {
    height: 32px;
    line-height: 32px;
}

.tags2 a {
    display: inline-block;
    width: 108px;
    text-align: center;
    background: #e6e6e6;
    margin-right: 2px;
    color: #000;
    font-size: 14px;
}

.tags2 .on {
    color: #fff;
}

.tarticle {
    line-height: 24px;
    padding: 0 20px;
    color: #000;
    display: none;
}

.topnews {
    height: 115px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #888888;
    margin: 20px 0 10px;
}

.topnews h3 a {
    color: #125cc7;
    font-size: 16px;
}

.topnews dd .intro {
    color: #333333;
    line-height: 22px;
    height: 44px;
    margin-bottom: 10px;
}

.topnews .detail {
    background: url(../images/more1.gif) no-repeat;
    width: 80px;
    height: 24px;
    display: block;
    font-size: 0;
    text-indent: -9999px;
}

.news-list {
    margin-bottom: 30px;
}

.news-list li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    vertical-align: bottom;
    border-bottom: 1px dotted #888888;
}

.news-list a {
    float: left;
    background: url(../images/sj1.png) no-repeat left;
    padding-left: 12px;
    margin-left: 4px;
    color: #000;
}

.news-list span {
    float: right;
    color: #666;
    font-family: "Microsoft Yahei";
    margin-right: 4px;
}

.news-list a:hover {
    color: #ee0303;
}

.pages {
    text-align: center;
}

.pages ul {
    display: flex;
    justify-content: center;
    margin: 20px 0px 0px;
}

.jumpto {
    display: none;
}

.pages a,
.pages span {
    display: inline-block;
    padding: 3px 10px;
    color: #000;
    margin: 0 3px;
    font-size: 13px;
    line-height: 20px;
    border: 1px solid #dcdcdc;
}

.pages ul li:hover a,
.pages ul li.active a {
    background: #125cc7;
    color: #fff;
}

.pr,
.ne {
    background: #dcdcdc;
}

.pages .pr:hover,
.pages .ne:hover {
    background: #125cc7;
    color: #fff;
}

.pages a:hover {
    color: #125cc7;
}

.pages .cur {
    color: #125cc7;
    text-decoration: underline;
}

.atitle {
    text-align: center;
    margin-top: 20px;
}

.atitle h1 {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    color: #125cc7;
}

.atitle .data {
    color: #999;
    height: 30px;
    line-height: 30px;
    border-top: 1px dotted #888888;
    border-bottom: 1px dotted #888888;
    margin: 0 10px;
}

.atitle .data span {
    margin: 0 10px;
}

.tright {
    text-align: right;
}

.s-list {
    margin-top: 20px;
}

.s-list .download {
    background: url(../images/ico4.png) no-repeat 0 -23px;
    padding-left: 30px;
    float: right;
}

.s-list .download:hover {
    background-position: 0 7px;
}

.tip {
    overflow: hidden;
    zoom: 1;
    margin-top: 20px;
    line-height: 24px;
}

.t-tip {
    width: 480px;
    border-right: 1px solid #cbcbcb;
    padding: 5px 20px 10px 10px;
    float: left;
}

.jl {
    background: url(../images/jl.jpg) no-repeat right bottom;
    padding: 5px 10px 0 30px;
    float: left;
    width: 250px;
    height: 100px;
}

.job {
    border-bottom: 1px dashed #b1b1b1;
}

.job dd {
    display: none;
    padding: 20px;
    line-height: 24px;
    background: #f7f7f7;
}

.job dt {
    height: 38px;
    line-height: 38px;
    cursor: pointer;
}

.job dt strong {
    background: url(../images/dot2.gif) no-repeat left;
    padding-left: 15px;
    margin-left: 4px;
    font-size: 14px;
}

.yp {
    background: url(../images/app.gif) no-repeat;
    width: 100xp;
    height: 28px;
    display: block;
}

.job .act {
    background: #f7f7f7;
}

.feeds {
    margin-top: 20px;
}

.feeds .text {
    width: 300px;
    height: 18px;
    line-height: 18px;
    padding: 4px 5px;
    border: 1px solid #d5dee5;
}

.feeds td {
    padding: 5px 0;
}

.feeds textarea {
    width: 430px;
    height: 80px;
    border: 1px solid #d5dee5;
    padding: 5px;
}

.feeds .btn {
    background: url(../images/btn1.png) no-repeat;
    width: 100px;
    height: 28px;
}

.feeds b {
    color: #c40109;
    position: relative;
    left: 8px;
    top: 4px;
}

.form .text {
    width: 230px;
    height: 18px;
    padding: 5px;
    border: 1px solid #dfdfdf;
}

.code {
    margin-left: 10px;
    cursor: pointer;
}

.cd {
    margin-left: 10px;
    color: #7e8ea5;
}

.form .reg {
    background: url(../images/btn2.png) no-repeat;
}

.form .res {
    background: url(../images/btn3.png) no-repeat;
    margin-left: 50px;
}

.form em {
    position: relative;
    left: 17px;
    top: 1px;
}

.form .login {
    background: url(../images/btn4.png) no-repeat;
}

.fword {
    margin-left: 20px;
}

.form .find {
    background: url(../images/btn5.png) no-repeat;
}

.carlist th {
    height: 30px;
    background: #125cc7;
    color: #fff;
}

.carlist td {
    background: none repeat scroll 0 0 #e6e6e6;
    border-bottom: 1px solid #ffffff;
    color: #000000;
    padding: 2px 0;
    text-align: center;
}

.carlist .text {
    width: 45px;
    margin: 0 4px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

.del {
    background: url(../images/close3.png) no-repeat;
    width: 12px;
    height: 13px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.gotj .tj {
    width: 100px;
    height: 30px;
    background: #c40109;
    color: #fff;
    font-size: 14px;
}

.form .gai {
    background: url(../images/btn6.png) no-repeat;
}

.banner img {
    width: 1040px;
    height: 160px;
}

.exp em,
.carlist em {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #fff;
    line-height: 15px;
    text-align: center;
    color: #666;
    border: 1px solid #f0f0f0;
    position: relative;
    top: 1px;
    cursor: pointer;
}

.copy a {
    color: #fff;
}

.s-list {
    overflow: hidden;
    zoom: 1;
}

.s-list li {
    float: left;
    width: 390px;
}

.fruit table {
    float: left;
    margin-bottom: 20px;
}

#allvip,
#allnor {
    font-size: 16px;
    color: #c00;
    font-weight: 700;
}

.fp {
    overflow: hidden;
    margin-bottom: 20px;
}

.up {
    float: left;
    margin-left: 5px;
}

.dw {
    float: right;
    margin-right: 5px;
}

.xbox {
    width: 976px;
    margin: auto;
    background: #fff;
    padding: 0 32px 30px;
    margin-top: 2px;
}

.xbox .prds {}

.xbox .head {
    padding-top: 29px;
    height: 28px;
}

.xbox .con {
    margin-top: 16px;
    padding-bottom: 30px;
}

.xbox .con .lookmore {
    margin-top: 35px;
}

.xbox .con .lookmore .btn {
    border: 1px solid #CFD3D6;
    border-radius: 2px;
    width: 214px;
    font-size: 16px;
    color: #666666;
    text-align: center;
    line-height: 38px;
    display: block;
    margin: 0 auto;
}

.xbox .head .left {
    float: left;
}

.xbox .head .left span {
    width: 4px;
    height: 18px;
    background: #1563C9;
    display: block;
    float: left;
    margin-top: 5px;
}

.xbox .head .left h2 {
    font-size: 20px;
    line-height: 28px;
    float: left;
    margin-left: 8px;
    color: #333333;
}

.xbox .head .right {
    font-size: 14px;
    color: #666666;
    letter-spacing: -0.56px;
    text-align: center;
    float: right;
    height: 20px;
    padding-right: 16px;
    background: url(../images/arrow-right.png) no-repeat right center;
    margin-top: 10px;
}

.xbox .prds .con {
    position: relative;
    overflow: hidden;
}

.xbox .prds .prev {
    width: 24px;
    height: 48px;
    background: #000 url(../images/arrow-left_banner@2x.png) no-repeat center;
    opacity: 0.3;
    border-radius: 2px;
    background-size: 10px;
    z-index: 1000;
    display: block;
    position: absolute;
    left: 0;
    top: 63px;
}

.xbox .prds .next {
    width: 24px;
    height: 48px;
    background: #000 url(../images/arrow-right_banner@2x.png) no-repeat center;
    opacity: 0.3;
    border-radius: 2px;
    background-size: 10px;
    z-index: 1000;
    display: block;
    position: absolute;
    right: 0;
    top: 63px;
}

.xbox .prds li {
    width: 244px;
    height: 222px;
    float: left;
    border-top: 2px solid #F4F4F4;
    text-align: center;
    margin-bottom: 24px;
}

.xbox .prds li:hover {
    background: #FFFFFF;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.09);
    border-top: 2px solid #1563C9;
    transition: box-shadow .3s;
}

.xbox .prds li .img {
    width: 208px;
    height: 148px;
    margin: 0 auto;
}

.xbox .prds li .img img {
    width: 100%;
}

.xbox .prds li.rowend {
    border-right: none;
}

.xbox .prds h3 {
    width: 196px;
    height: 60px;
    font-size: 14px;
    color: #333333;
    letter-spacing: -0.56px;
    text-align: center;
    line-height: 20px;
    margin: 0 auto;
}

.xbox .con .lookmore {
    margin-top: 11px;
}

.xbox .news {
    border-top: 1px solid #F1F1F1;
}

.xbox .news .con .left {
    float: left;
    width: 342px;
    height: 228px;
    position: relative;
}

.xbox .news .con .left img {
    width: 342px;
    height: 228px;
}

.xbox .news .con .left .title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000;
    opacity: 0.9;
    background: #425573;
    width: 342px;
}

.xbox .news .con .left p {
    font-size: 15px;
    color: #FFFFFF;
    margin: 7px 12px;
}

.xbox .news .con .right {
    float: right;
    width: 602px;
}

.xbox .news .con .right li {
    float: left;
    width: 50%;
    margin-top: 22px;
    line-height: 20px;
    overflow: hidden;
}

.xbox .news .con .right li.col1 {
    width: 284px;
    margin-right: 34px;
}

.xbox .news .con .right li a {
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xbox .news .con .right li.row1 {
    margin-top: 0;
}

.xbox .news .con .right li a:hover {
    font-size: 14px;
    color: #1461C5;
    letter-spacing: 0;
}

.xbox .con .lookmore {
    margin-top: 24px;
}

.xbox .tec {
    border-top: 1px solid #F1F1F1;
}

.xbox .tec .con .col {
    width: 298px;
    margin-left: 41px;
    float: left;
}

.xbox .tec .con .col.first {
    margin-left: 0;
}

.xbox .tec .con .col .headimg {
    position: relative;
    cursor: pointer;
}

.xbox .tec .con .col .headimg img {
    width: 298px;
    height: 142px;
}

.xbox .tec .con .col .headimg a {
    width: 298px;
    position: absolute;
    background: rgba(22, 56, 90, 0.80);
    z-index: 100;
    bottom: 0;
    left: 0;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    line-height: 56px;
    transition: line-height .3s;
    font-weight: bold;
}

.xbox .tec .con .col .headimg:hover a {
    line-height: 142px;
    transition: line-height .3s;
}

.xbox .tec .con .list {
    margin-top: 6px;
}

.xbox .tec .con .list li {
    margin-top: 20px;
    height: 20px;
}

.xbox .tec .con .list li a {
    line-height: 20px;
    font-size: 14px;
    color: #000000;
}

.xbox .tec .con .list li a:hover {
    font-size: 14px;
    color: #1461C5;
}

.sw .head {
    height: 53px;
    border-bottom: 1px solid #EEEEEE;
    background: #FFFFFF;
    border-radius: 2px;
    border-radius: 2px;
}

.sw .head ul {
    float: left;
    margin-left: 40px;
    margin-top: 13px;
}

.sw .head li {
    float: left;
    margin-right: 26px;
}

.sw .head li a {
    font-size: 18px;
    color: #666;
    line-height: 24px;
    font-weight: bold;
    display: block;
}

.sw .head li a.cur {
    color: #000;
    border-bottom: 2px solid #1563C9;
}

.sw .head .search {
    float: right;
    margin-right: 40px;
}

.sw .head .search input {
    width: 276px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 13px;
    background: url(../images/search_small.png) no-repeat 8px center;
    padding-left: 32px;
    font-size: 14px;
    color: #999999;
    line-height: 26px;
}

.sw .con {
    padding: 16px 40px;
}

.sw .con .filter select {
    background: #EEEEEE;
    border-radius: 4px;
    border-radius: 4px;
    width: 128px;
    height: 28px;
    border: none;
    font-size: 12px;
    color: #666666;
    letter-spacing: 0;
    line-height: 28px;
    padding: 0 5px;
    margin-right: 4px;
}

.sw .con .filter select.last {
    margin-right: 0;
}

.sw .con .list {
    margin-top: 16px;
}

.sw .con .list thead tr {
    background: #EEEEEE;
    height: 32px;
}

.sw .con .list td {
    padding-left: 8px;
}

.sw .con .list thead td {
    padding-left: 8px;
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.56px;
    font-weight: bold;
}

.sw .con .list tbody tr {
    height: 52px;
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.56px;
}

.sw .con .list tbody tr.dou {
    background: #FAFAFA;
}

.sw .con .list tbody tr a {
    font-size: 14px;
    color: #1563C9;
    letter-spacing: -0.56px;
    font-weight: bold;
}

.layui-layer,
.layui-layer-content {
    background: none !important;
}

#order-wrap {
    display: none;
    height: 403px;
    background: #FFFFFF;
    box-shadow: 0 8px 64px 0 rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}

#order-wrap.lite {
    height: 238px;
}

#order-wrap .btitle {
    height: 56px;
    border-bottom: 1px solid #EEEEEE;
    font-size: 16px;
    color: #333333;
    line-height: 56px;
    position: relative;
    text-align: center;
    font-weight: bold;
}

#order-wrap .btitle .close {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(../images/close.png) center;
    background-size: 24px;
}

#order-wrap .bcontent {
    padding: 24px 32px 0;
    overflow: hidden;
    height: 315px;
    overflow-y: auto;
}

#order-wrap.lite .bcontent {
    height: 150px;
}

#order-wrap .bcontent .msg {
    font-size: 14px;
    color: #666666;
    text-align: justify;
    line-height: 22px;
}

#order-wrap .bcontent .goods {
    width: 100%;
    background: #F7F7F7;
    margin-top: 14px;
}

#order-wrap .bcontent .goods tr {
    border-bottom: 1px solid #DDDDDD;
}

#order-wrap .bcontent .goods th {
    font-size: 12px;
    color: #000000;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: bold;
    height: 32px;
}

#order-wrap .bcontent .goods-wrap {
    min-height: 128px;
}

#order-wrap .bcontent .goods td {
    font-size: 12px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
    height: 32px;
}

#order-wrap .bcontent .tprice {
    margin-top: 9px;
    font-size: 14px;
    color: #333333;
    text-align: right;
    line-height: 22px;
}

#order-wrap .bcontent .tprice span {
    color: red;
}

#order-wrap .bcontent .inps {
    height: 32px;
    line-height: 32px;
}

#order-wrap .bcontent .inps label {
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    margin-right: 15px;
    width: 73px;
    display: inline-block;
}

#order-wrap .bcontent .inps label i {
    color: red;
}

#order-wrap .bcontent .inps input {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    height: 30px;
    width: 188px;
    padding-left: 10px;
    font-size: 16px;
    color: #999999;
    line-height: 30px;
}

#order-wrap .bcontent .inpname {
    margin-right: 15px;
}

#order-wrap .bcontent .btn-wrap {
    margin-top: 36px;
}

#order-wrap .bcontent .btn-wrap .sbtn {
    display: block;
    background: #317CE2;
    box-shadow: 0 8px 16px 0 rgba(3, 82, 176, 0.16);
    border-radius: 4px;
    width: 300px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0 auto;
    text-align: center;
}

.prev {
    width: 24px;
    height: 48px;
    background: #000 url(../images/arrow-left_banner@2x.png) no-repeat center;
    opacity: 0.3;
    border-radius: 2px;
    background-size: 10px;
    z-index: 1000;
    display: block;
    position: absolute;
    left: 0;
    top: 124px;
}

.next {
    width: 24px;
    height: 48px;
    background: #000 url(../images/arrow-right_banner@2x.png) no-repeat center;
    opacity: 0.3;
    border-radius: 2px;
    background-size: 10px;
    z-index: 1000;
    display: block;
    position: absolute;
    right: 0;
    top: 124px;
}

.swselect_ul {
    display: flex;
}

.swselect {
    background: #EEEEEE;
    border-radius: 4px;
    border-radius: 4px;
    width: 128px;
    height: 28px;
    border: none;
    font-size: 12px;
    color: #666666;
    letter-spacing: 0;
    line-height: 28px;
    padding: 0 5px;
    margin-right: 4px;
    position: relative;
    cursor: pointer;
}

.swselect h4 {
    font-weight: normal;
    background: url(../images/sj2.png) no-repeat right center;
}

.swselect_xl {
    position: absolute;
    top: 28px;
    left: 0px;
    width: 98%;
    height: auto;
    border: 1px solid #515151;
    background: #EEEEEE;
    display: none;
    z-index: 9;
}

.swselect_xl a {
    display: block;
    padding: 0px 5px;
}

.swselect_xl a:hover,
.swselect_xl a:active,
.swselect_xl a:focus {
    background-color: #125cc7;
    color: #ffffff;
}

.swselect_xl.show {
    display: block;
}
.feeds td {
    width: 130px;
}


@media screen and (max-width: 768px) {
    body {overflow-x: hidden;}
    .header,.navbar,.slide,.xbox,.footer ,.content,.main,.article{width: 100%;min-width: 100%;}
    .nav li {width: 33.33%;}
    .nav li:first-child {display: none;}
    .wrapper {width: 100%;}
    .header .wrapper h1 a img {width: 100%;}
    .q {display: none;}
    .header {height: 200px;background-size: cover;}
    .navbar {height: auto ; background-size: cover;}
    ul.slideimg li, ul.slideimg li img,.slide  {width: 100% !important;height: 150px !important;}
    .next,.prev {top: 50px;}
    .xbox {padding:0px 10px;overflow: hidden;}
    .xbox .news .con .left,.xbox .news .con .left img,.xbox .news .con .left .title,.xbox .news .con .right,.xbox .news .con .right li,.xbox .tec .con .col .headimg a {width: 100%;}
    .xbox .tec .con .col {width: 100%;margin:0px 0px 30px 0px;}
    .xbox .tec .con .col .headimg img {width: 100%;height: auto;}
    .bmenus dl{width: 25%;}
    .bmenus .bc {width: 100%;}
    .footer {padding: 0px 10px;}
    .bmenus dd a {font-size: 12px;}
    .er {width: 100%;text-align: center;}
    .leftside {width: 100%;}
    .l-cloumn {width: 100%;background-size: cover !important;}
    .menus li  {width: 30%;float: left;margin: 0px 5px 10px;}
    .menus li a {font-size: 13px;}
    .quick-links ,.pro-list{clear: both;}
    .quick-links a {display: inline-block;}
    .exp dd {width: 100%;padding: 10px;}
    .tagcon li a {width: 100%;}
    .tagcon ul {padding: 0px 10px;}
    .tagcon {padding: 15px 0px;}
    .tags a {padding: 0px 10px ;font-size: 13px;}
    .tags2 a {width: 24%;margin-right: 0px;}
    .article img {width: 100%;max-width: 100%;}
    .article p {padding-left: 0px !important;}
    .feeds {table-layout: fixed;}
        .feeds tr {display: flex;flex-wrap: wrap;}
    .feeds td {width: 100% !important;text-align: left;}
    .feeds textarea {width:90%;}
    .exp-info {margin-left: 0px;}
    .box {padding: 0px 10px;}
    .nav .subnav a {font-size: 14px;}
    .sw .con {padding: 16px 10px;}
    .swselect_ul {width: 100%;flex-wrap: wrap;justify-content: space-between;}
    .swselect {width:30%;margin-right: 0px;margin-top: 10px;}
    .sw .con .list {width: 100%;overflow-x: scroll;}
    .sw .con .list table {table-layout: fixed;width: 1000px;}
    .s-list li {width: 100%;margin: 0px 0px 10px 0px;}
    .banner img ,.banner{width: 100%;object-fit: cover;}
}