﻿@charset "utf-8";
/* ?????????????????? */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ???????????? */
dl, dt, dd, ul, ol, li, /* list elements ???????????? */
pre, /* text formatting elements ?????????????????? */
fieldset, lengend, button, input, textarea, /* form elements ???????????? */
th, td { /* table elements ???????????? */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* ?????????????????? */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*??????bootstrape??????????????????????????????*/

address, cite, dfn, em, i, var {font-style: normal;} /* ???????????? */

/* ?????????????????? */
ul, ol ,li{list-style: none;}

/* ???????????????????????? */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*????????????*/
a:hover {text-decoration: none; }


/* ?????????????????? */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img ???????????????????????? img ????????? */
/* ??????optgroup ???????????? */
button, input, select, textarea {
    font-size: 100%; /* ?????????????????? ie ???????????????????????? */
}

/* ?????????????????? */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ??????ie??????????????????????????????????????????????????????????????????????????? */
body {overflow-y: scroll; min-width:1400px;}
body *{ box-sizing: border-box;}

/*????????????*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

/*????????????*/
@keyframes nbanA{
0%{transform: translateY(0px);}
50%{transform: translateY(-10px);}
100%{transform: translateY(0px);}
}
@keyframes moveBg {
  0% {
    background-position: 0% 30%;
  }

  100% {
    background-position: 100% 50%;
  }
}

.box,.content,.w1200,.w1300,.width-1200,.w1400{ width:1400px; margin:0 auto;}

/* -- ???????????? -- */
.page_bg { padding:30px 0 30px; background:#fff;}
.page_main { margin: 0 auto; width: 1400px;}  /*????????????*/
.page_content{ width:1092px;} /*????????????*/
.page_left{ width:300px;} /*????????????*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.pro_content_con{
    font-size: 18px;line-height: 40px;
}