/*主色皮肤 */

/*辅色皮肤*/

/*按钮箭头背景色*/

/*导航条半透明rgba样式*/

/*线*/

/*未选中字体颜色*/

/* 选中字体颜色-（原色调-不变）*/

/* end 导航*/

/*内页 侧栏公共样式*/

/*子页面背景色*/

/* search */

/* footer */

/* */

/* function*/

/* function*/

/* reset */

html,

body,

h1,

h2,

h3,

h4,

h5,

h6,

div,

dl,

dt,

dd,

ul,

ol,

li,

p,

blockquote,

pre,

hr,

figure,

table,

caption,

th,

td,

form,

fieldset,

legend,

input,

button,

textarea,

menu {

  margin: 0;

  padding: 0;

}

header,

footer,

section,

article,

aside,

nav,

address,

figure,

figcaption,

menu,

details {

  display: block;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

caption,

th {

  text-align: left;

  font-weight: normal;

}

html,

body,

fieldset,

img,

iframe,

abbr {

  border: 0;

}

i,

cite,

em,

var,

address,

dfn {

  font-style: normal;

}

[hidefocus],

summary {

  outline: 0;

}

li {

  list-style: none;

}

h1,

h2,

h3,

h4,

h5,

h6,

small {

  font-size: 100%;

}

sup,

sub {

  font-size: 83%;

}

pre,

code,

kbd,

samp {

  font-family: inherit;

}

q:before,

q:after {

  content: none;

}

textarea {

  overflow: auto;

  resize: none;

}

label,

summary {

  cursor: default;

}

a,

button {

  cursor: pointer;

}

h1,

h2,

h3,

h4,

h5,

h6,

em,

strong,

b {

  font-weight: bold;

}

del,

ins,

u,

s,

a,

a:hover {

  text-decoration: none;

}

body,

textarea,

input,

button,

select,

keygen,

legend {

  font: 12px/1.14 arial;

  color: #333;

  outline: 0;

}

body {

  background: #fff;

  width: 100%;

}

a,

a:hover {

  color: #333;

}

img {

  border:0;

}

/*nav*/

.nav-bg {

  width: 100%;

  height: 95px;

  background: #f5f5f5;

}

.navbar {

  min-width: 1200px;

  z-index: 20;

  position: absolute;

  top: 5px;

  left: 50%;

  margin-left: -600px;

  z-index: 100;

}

.navbar .container {

  width: 90%;

  margin: 0 auto;

  position: relative;

  z-index: 10;

  *zoom: 1;

}

.navbar .container:before,

.navbar .container:after {

  content: "";

  display: table;

}

.navbar .container:after {

  clear: both;

}

.navbar .container .navbar-header {

  float: left;

  width: 100%;

  margin-right: 3%;

  z-index: 50;

}

.navbar .container .navbar-header .navbar-brand {

  float: left;

  display: block;

  padding-top: 10px;

  *zoom: 1;

}

.navbar .container .navbar-header .navbar-brand:before,

.navbar .container .navbar-header .navbar-brand:after {

  content: "";

  display: table;

}

.navbar .container .navbar-header .navbar-brand:after {

  clear: both;

}

.navbar .container .navbar-header .navbar-brand img {

  vertical-align: middle;

  float: left;

}

.navbar .container .navbar-header .navbar-brand .rightline {

  width: 1px;

  height: 80px;

  border-right: 1px solid #ddd;

  float: left;

  margin-left: 25px;

  margin-top: -7px;

}

.navbar .container .navbar-header .navbar-toggle {

  display: block;

  position: relative;

  float: right;

  margin-right: 15px;

  padding: 9px 10px;

  margin-top: 21px;

  margin-bottom: 21px;

  background-color: transparent;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

  border-color: #ddd;

}

.navbar .container .navbar-header .navbar-toggle .sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

.navbar .container .navbar-header .navbar-toggle .icon-bar {

  display: block;

  width: 38px;

  height: 4px;

  border-radius: 1px;

  margin: 6px 3px;

  background: #888;

}

.navbar .container .navbar-collapse {

  display: none;

  position: fixed;

  float: left;

  z-index: 55;

  left: 0;

  background: #000;

}

.navbar .container .navbar-collapse .navbar-nav li {

  display: block;

  position: relative;

  padding: 0 20px;

  text-align: center;

  padding: 0 3px;

}

.navbar .container .navbar-collapse .navbar-nav li a {

  line-height: 54px;

  color: #333;

  font-size: 14px;

  text-transform:capitalize;

}

.navbar .container .navbar-collapse .navbar-nav li:hover a {

  color: #0c96fe;

  display: block;

}

.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu {

  display: none;

  width: auto;

  position: fixed;

  left: -200%;

  top: -200%;

}

.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li {

  display: block;

  width: 100%;

  padding: 0;

  z-index: 20;

  text-align: center;

}

.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li a {

  line-height: 30px;

}

.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li:last-child {

  border: 0;

}

.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li:hover a {

  color: #0c96fe;

}

.navbar .container .navbar-collapse .navbar-nav .dropdown.open .dropdown-menu {

  display: block;

}

.navbar .container .navbar-collapse .navbar-nav .home a,

.navbar .container .navbar-collapse .navbar-nav .active a {

  /* color: #0068b7; */

  /* text-transform:capitalize; */

}

.navbar .container .select-flag {

  position: absolute;

  right: 0px;

  width: 133px;

  margin-top: 44px;

  height: 30px;

  background: #666666;

  border-radius: 3px;

  overflow: hidden;

}

.navbar .container .select-flag span {

  position: absolute;

  right: 8px;

  top: 13px;

  width: 18px;

  display: block;

  overflow: hidden;

  height: 7px;

  cursor: pointer;

}

.navbar .container .select-flag span:before {

  content: '';

  height: 5px;

  width: 5px;

  display: block;

  border: 2px solid #fff;

  position: absolute;

  left: 3px;

  background: #fff;

}

.navbar .container .select-flag .lower:before {

  transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  bottom: 3px;

}

.navbar .container .select-flag .up:before {

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  -ms-transform: rotate(135deg);

  top: 3px;

}

.navbar .container .select-flag ul {

  background: #666666;

}

.navbar .container .select-flag li {

  margin-left: 16px;

  cursor: pointer;

  *zoom: 1;

}

.navbar .container .select-flag li:before,

.navbar .container .select-flag li:after {

  content: "";

  display: table;

}

.navbar .container .select-flag li:after {

  clear: both;

}

.navbar .container .select-flag li img {

  float: left;

  margin-top: 7px;

  margin-right: 9px;

}

.navbar .container .select-flag li i {

  float: left;

  font-size: 14px;

  color: #bbbbbb;

  line-height: 30px;

}

.navbar .container .collapse {

  display: block;

  position: absolute;

}

.navbar .container .sider-search {

  width: 180px;

  position: absolute;

  top: 5px;

  left: 188px;

  z-index: 99;

}

.navbar .container .sider-search .search-k {

  height: 27px;

  width: 188px;

  border: none;

  background: #fff url(../images/search.png) no-repeat 160px center;

}

.navbar .container .sider-search #btnSearch{

  position: absolute;

  top: 0px;

  left: 154px;

  z-index: 99;

  width:34px;

  border:none;

  height:27px;

  background: transparent; 

}

@media (min-width: 992px) {

  .navbar .container .navbar-header {

    float: left;

    width: auto;

  }

  .navbar .container .navbar-header .navbar-brand {

    padding-top: 10px;

    float: left;

  }

  .navbar .container .navbar-header .navbar-toggle {

    display: none;

  }

  .navbar .container .navbar-collapse {

    position: relative;

    display: block;

    background: none;

    *zoom: 1;

  }

  .navbar .container .navbar-collapse:before,

  .navbar .container .navbar-collapse:after {

    content: "";

    display: table;

  }

  .navbar .container .navbar-collapse:after {

    clear: both;

  }

  .navbar .container .navbar-collapse .navbar-nav {

    float: right;

    padding-top: 36px;

  }

  .navbar .container .navbar-collapse .navbar-nav li {

    float: left;

    padding: 0 10px;

  }

  .navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu {

    display: none;

    position: absolute;

    width: 190px;

    top: 55px;

    left: 0;

    margin: -1px 0 0 0;

    padding: 0 14px;

    background: rgba(0, 0, 0, 0.7);

  }

  .navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li {

    display: block;

    width: 100%;

    padding: 6px 0;

    z-index: 20;

    text-align: left;

  }

  .navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li a {

    display: block;

    color: #fffbd5;

    line-height: 21px;

  }

  .navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li:last-child {

    border: 0;

  }

  .navbar .container .navbar-collapse .navbar-nav .dropdown.open {

    position: relative;

  }

  .navbar .container .navbar-collapse .navbar-nav .dropdown.open .dropdown-menu {

    display: block;

  }

  .navbar .container .navbar-collapse .navbar-nav .select-flag {

    display: block;

    float: left;

    width: 133px;

    height: 23px;

    margin: 25px 0;

    background: #666666;

    border-radius: 4px;

    padding: 7px 0 0 0;

  }

  .navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show {

    position: relative;

    width: 109px;

    height: 16px;

    margin: 0 auto;

    color: #bbb;

  }

  .navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show i {

    display: inline-block;

    line-height: 16px;

    vertical-align: top;

  }

  .navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show img {

    display: inline-block;

    margin: 0 5px 0 0;

  }

  .navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show .lower {

    position: absolute;

    right: 0;

    top: 5px;

    width: 17px;

    display: block;

    overflow: hidden;

    height: 10px;

  }

  .navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show .lower:before {

    content: '';

    height: 8px;

    width: 8px;

    display: block;

    border: 2px solid #bbb;

    border-right-width: 0;

    border-top-width: 0;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    position: absolute;

    bottom: 3px;

    left: 3px;

  }

}

@media (min-width: 1200px) {

  .navbar .container .navbar-collapse {

    display: block;

  }

  .navbar .container .navbar-collapse .navbar-nav li {

    padding: 0 6px;

    margin: 0 12px;

  }

  .navbar .container .navbar-collapse .navbar-nav li .dropdown-menu li {

    margin: 0;

    text-align: left;

  }

  .navbar .container .navbar-collapse .navbar-nav li .dropdown-menu li a {

    text-align: left;

  }

  .navbar .container .navbar-collapse .navbar-nav .v-line:after {

    content: '|';

    position: absolute;

    top: 50%;

    right: -12px;

    margin-top: -8px;

    font-size: 14px;

    color: #d2d2d2;

  }

}

@media (max-width: 1220px) {

  .navbar .container {

    width: 95%;

  }

}

@media (max-width: 992px) {

  .navbar .container {

    width: 100%;

  }

  .navbar .container .navbar-header {

    width: 95%;

    margin-left: 3%;

  }

  .navbar .container .navbar-header .navbar-brand .rightline {

    display: none;

  }

  .navbar .container .select-flag {

    display: none;

  }

  .navbar .container .collapse {

    width: 100%;

    top: 98px;

  }

  .navbar .container .navbar-collapse .navbar-nav li a {

    line-height: 60px;

  }

  .navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu {

    left: -1000px;

    top: -1000px;

    height: 0px;

    font-size: 0px;

    line-height: 0px;

    overflow: hidden;

  }

  .navbar .container .sider-search {

    display: none;

  }

}

@media (max-width: 768px) {

  .navbar .container .navbar-collapse .navbar-nav li a {

    line-height: 36px;

  }

}

@media (max-width: 414px) {

  .navbar .container .navbar-collapse .navbar-nav li a {

    line-height: 40px;

  }

}

@media (max-width: 1220px) {

  .navbar {

    width: 100%;

    min-width: 100%;

    left: 0;

    margin-left: 0;

  }

}

/*@media (max-width: 992px){

  .navbar{

    position: static;

    overflow-x:inherit;

  }

}*/

/*banner*/

.banner {

  *zoom: 1;

  position: relative;

  z-index: 10;

}

.banner:before,

.banner:after {

  content: "";

  display: table;

}

.banner:after {

  clear: both;

}

.banner img {

  margin: 0px auto;

  max-width: 100%;

  width: auto;

  height: auto;

  display: block;

}

.banner .wmuSlider {

  height: 100%!important;

  position: relative;

  overflow: hidden;

}

.banner .wmuSlider .slider_img {

  display: block;

  text-align: center;

  height: 100%;

}

.banner .wmuSlider .wmuSliderPrev,

.banner .wmuSlider .wmuSliderNext {

  width: 64px;

  height: 64px;

  line-height: 99em;

  overflow: hidden;

  margin: -35px 0 0;

  display: block;

  background: url("../images/left.png") no-repeat;

  position: absolute;

  top: 50%;

  z-index: 10;

  cursor: pointer;

  opacity: 1;

  filter: alpha(opacity=1);

  -webkit-transition: all .3s ease;

}

@media screen and (max-width: 768px) {

  .banner .wmuSlider .wmuSliderPrev,

  .banner .wmuSlider .wmuSliderNext {

    display: none;

  }

}

.banner .wmuSlider .wmuSliderPrev {

  left: 295px;

}

.banner .wmuSlider .wmuSliderNext {

  right: 295px;

  background: url("../images/right.png") no-repeat;

}

.banner .wmuSlider .bdbd {

  position: absolute;

  bottom: 3%;

  height: 6px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

}

.banner .wmuSlider .bdbd ul {

  *zoom: 1;

}

.banner .wmuSlider .bdbd ul:before,

.banner .wmuSlider .bdbd ul:after {

  content: "";

  display: table;

}

.banner .wmuSlider .bdbd ul:after {

  clear: both;

}

.banner .wmuSlider .bdbd ul li {

  float: left;

  *display: inline;

  overflow: hidden;

  text-indent: -30000px;

  margin: 0 3px;

}

.banner .wmuSlider .bdbd ul li a {

  display: block;

  width: 60px;

  height: 2px;

  background: #fff;

}

.banner .wmuSlider .bdbd ul li .wmuActive {

  background: #0068b7;

}

/*footer*/

footer {

  background: #222;

  padding-bottom: 18px;

  position: relative;

  z-index: 20;

}

footer .container {

  *zoom: 1;

  max-width: 1200px;

  padding-top: 67px;

  margin: 0 auto;

}

footer .container:before,

footer .container:after {

  content: "";

  display: table;

}

footer .container:after {

  clear: both;

}

footer .container .col {

  float: left;

  *display: inline;

  width: 248px;

  height: 250px;

  color: #aaa;

}

footer .container .col .pro-title {

  position: relative;

  font-size: 17px;

  font-weight: 700;

  line-height: 1.5;

  color: #aaa;

}

footer .container .col .coltitle {

  border-bottom: 2px solid #2f2f2f;

}

footer .container .col .foot-txt {

  font-size: 14px;

  line-height: 18px;

  padding-top: 27px;

}

footer .container .col .cate-list {

  margin: 15px 0 0;

}

footer .container .col .cate-list li {

  position: relative;

  width: 262px;

  height: 39px;

  line-height: 39px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 14px;

}

footer .container .col .cate-list li a {

  position: relative;

  color: #aaa;

  padding: 0 0 0 10px;

  display: block;

}

footer .container .col .cate-list li a:hover {

  color: #0c96fe;

}

footer .container .col .cate-list li a:before {

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  width: 0;

  height: 0;

  margin: -3px 0 0;

  border-top: 3px solid transparent;

  border-left: 5px solid #0c96fe;

  border-bottom: 3px solid transparent;

}

footer .container .col .cate-list li a:after {

  content: '';

  position: absolute;

  top: 50%;

  left: -2px;

  width: 0;

  height: 0;

  margin: -3px 0 0;

  border-top: 3px solid transparent;

  border-left: 5px solid #161616;

  border-bottom: 3px solid transparent;

}

footer .container .coltwo {

  width: 128px;

  margin-left: 34px;

}

footer .container .coltwo .pro-title:before {

  content: '';

  position: absolute;

  bottom: -2px;

  left: 0px;

  width: 30%;

  height: 0;

  border-bottom: 2px solid #0c96fe;

}

footer .container .coltwo .contact-list {

  margin-top: 12px;

}

footer .container .coltwo .contact-list li {

  position: relative;

  width: 128px;

  line-height: 39px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  font-size: 14px;

}

footer .container .coltwo .contact-list li a {

  position: relative;

  color: #aaa;

  padding: 0 0 0 10px;

  display: block;

}

footer .container .coltwo .contact-list li a:hover {

  color: #0c96fe;

}

footer .container .coltwo .contact-list li a:before {

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  width: 0;

  height: 0;

  margin: -3px 0 0;

  border-top: 3px solid transparent;

  border-left: 5px solid #0c96fe;

  border-bottom: 3px solid transparent;

}

footer .container .coltwo .contact-list li a:after {

  content: '';

  position: absolute;

  top: 50%;

  left: -2px;

  width: 0;

  height: 0;

  margin: -3px 0 0;

  border-top: 3px solid transparent;

  border-left: 5px solid #161616;

  border-bottom: 3px solid transparent;

}

footer .container .colthree {

  margin-left: 84px;

}

footer .container .colthree .pro-title:before {

  content: '';

  position: absolute;

  bottom: -2px;

  left: 0px;

  width: 30%;

  height: 0;

  border-bottom: 2px solid #0c96fe;

}

footer .container .colthree .coltitle {

  border-bottom: 2px solid #2f2f2f;

}

footer .container .colfour {

  float: left;

  *display: inline;

  width: 330px;

  height: 380px;

  background: #333;

  margin-left: 94px;

  margin-top: -104px;

  *zoom: 1;

}

footer .container .colfour:before,

footer .container .colfour:after {

  content: "";

  display: table;

}

footer .container .colfour:after {

  clear: both;

}

footer .container .colfour .four-m {

    width: 130px;

    height: 130px;

    background: #fff;

    float: left;

    margin: 25px 0 0 20px;

}

footer .container .colfour .four-m img {

  width: 117px;

  height: 117px;

  margin: 0 auto;

  padding: 7px;

}

footer .container .colfour .four-logo {

  width: 115px;

  float: left;

  *display: inline;

  margin: 25px 0  0 32px;

  position: relative;

}

footer .container .colfour .four-logo .pro-title {

  font-size: 16px;

  text-align: right;

  color: #aaa;

  position: relative;

}

footer .container .colfour .four-logo .pro-title:before {

  content: '';

  position: absolute;

  bottom: -2px;

  left: 80px;

  width: 30%;

  height: 0;

  border-bottom: 2px solid #0c96fe;

}

footer .container .colfour .four-logo .coltitle {

  border-bottom: 2px solid #2f2f2f;

}

footer .container .colfour .four-logo .logo-pic {

  margin: 20px 0 0 10px;

  position: relative;

  z-index: 2;

}

footer .container .colfour .four-logo .logo-pic img{ display:inline-block;}

footer .container .colfour .four-des {

  width: 296px;

  margin: 0 auto;

}

footer .container .colfour .four-des .pro-title {

  font-size: 16px;

  text-align: right;

  color: #aaa;

  position: relative;

  padding-top: 155px;

  line-height: 25px;

}

footer .container .colfour .four-des .pro-title:before {

  content: '';

  position: absolute;

  bottom: -2px;

  left: 237px;

  width: 20%;

  height: 0;

  border-bottom: 2px solid #0c96fe;

}

footer .container .colfour .four-des .coltitle {

  border-bottom: 2px solid #2f2f2f;

}

footer .container .colfour .four-des ul {

  position: relative;

}

footer .container .colfour .four-des ul li {

  *zoom: 1;

  width: 262px;

  margin: 0 0 8px;

  color: #aaa;

}

footer .container .colfour .four-des ul li:before,

footer .container .colfour .four-des ul li:after {

  content: "";

  display: table;

}

footer .container .colfour .four-des ul li:after {

  clear: both;

}

footer .container .colfour .four-des ul li .m-icon {

  float: left;

  display: inline-block;

  width: 24px;

  height: 36px;

  background: url("../images/icon.png") no-repeat 0 0;

  vertical-align: middle;

}

footer .container .colfour .four-des ul li .add {

  background-position: 0 15px;

}

footer .container .colfour .four-des ul li .tel {

  margin-top: -15px;

  background-position: 0 -22px;

}

footer .container .colfour .four-des ul li .number {



  background-position: -20px -22px;

  margin-top: -15px;

}

footer .container .colfour .four-des ul li .mail {

  background-position: 0 -64px;

}

footer .container .colfour .four-des ul li .txt {

  float: left;

  width: 236px;

  font-size: 14px;

  line-height: 1.5;

}

footer .container .colfour .four-des ul li .txt a{color:#ddd;}

footer .container .colfour .four-des ul .phone {

  top: 50px;

  left: 130px;

}

footer .container .colfour .four-des ul .phone .txt {

}



.g-page {

  width: 100%;

  margin: 30px 0;

  line-height:40px;

  font-size: 14px;

  color: #fff;

  text-align:center;

}

.pagelist {

  width: 240px;

  margin: 0 auto;

  *zoom: 1;

}

.pagelist:before,

.pagelist:after {

  content: "";

  display: table;

}

.pagelist:after {

  clear: both;

}

.g-page span,.g-page a{

  width: 40px;

  height: 40px;

  display:inline-block;

  *display: inline;

  margin-right: 15px;

}

.g-page span,.g-page a{

  line-height: 40px;

  



  text-align: center;



  color: #ababab;



}

.g-page a:hover, .g-page a:active, .g-page span.ctxt{

  background-color: #0068b7;

  color: #fff;

}

.pageactive {

  background-color: #0068b7;

  color: #fff;

}







@media (max-width: 1200px) {

  footer .container {

    max-width: 620px;

  }

  footer .container .colone {

    margin-left: 30px;

  }

  footer .container .coltwo {

    width: 258px;

  }

  footer .container .colthree {

    margin-left: 0;

  }

  footer .container .colfour {

    margin-left: 24px;

    margin-top: 0;

  }

}

@media (max-width: 620px) {

  footer .container {

    max-width: 375px;

  }

  footer .container .col {

    float: none;

    margin: 0 auto;

  }

  footer .container .colfour {

    float: none;

    margin: 0 auto;

  }

}

/*g-sidebar*/

.navs {

  width: 250px;

  float: left;

  *display: inline;

  padding: 0px 0 9px 0;

  position: relative;

  z-index: 99;

}

.g-sidebar {

  width: 100%;

  float: none;

  background: #fff;

}

.g-sidebar h3 {

  font-size: 20px;

  font-weight: normal;

  line-height: 46px;

  background: #0068b7;

  color: #fff;

  text-align: center;

  border: none;

}

.g-nav {

  background: #f7f7f7;

}

.g-nav li{}

.list,.sublist{

  width: 100%;

  margin: 0 auto;

  cursor: pointer;

  position: relative;

  background: url(../images/sidearrow.png) no-repeat 230px center;

}

.list .title {

  width: 100%;

  font-size: 16px;

  line-height: 16px;

  color: #000;

  cursor: pointer;

  display: block;

  

  

}

.list a.title {

  display: block;

  text-indent:15px;

  margin: 0 auto;

  padding: 17px 0 17px 0px;

  border-bottom: 1px solid #dfdfdf;

}

.list .titletwo {

  line-height: 20px;

}

.list .active {

  background: #0068b7;

  color: #fff;

}

.list:hover {

  background: #0068b7;

}

.list:hover>a {

  color: #fff;

}

.list .active a.title {

  border: none;

}

.list .icons {

  border: none;

}

.list ul,.list ul ul {

  position: absolute;

  width: 100%;

  top: 0;

  left: 100%;

  background: #f1f1f1;

  z-index: 20;

}

.list li{

  width: auto;

  display: none;

  padding: 17px 0 17px 10px;

  font-size: 16px;

  line-height: 16px;

  border-bottom: 1px solid #dedede;

  background: url(../images/sidearrow.png) no-repeat 230px center;

}

.list li li{ background:none}

.list li a {

  display: inline-block;

  font-size: 16px;

  line-height: 16px;

  color: #666;

}

.list li ul {

  background: #ebebeb;

}

.list li:last-child {

  border: none;

}

.list li:hover {

  background: #0068b7;

}

.list li:hover a {

  color:#fff;

}

.list:last-child a.title {

  border: none;

}

.d-nav {

  margin-top: 10px;

  background: #fff;

  font-size: 14px;

  line-height: 20px;

}

.d-nav h3 {

  font-size: 20px;

  line-height: 46px;

  background: #0068b7;

  color: #fff;

  border: none;

}

.d-nav .nav-list {

  width: 100%;

  margin: 0 auto;

  cursor: pointer;

  position: relative;

  background: url(../images/sidearrow.png) no-repeat 230px center;

}

.d-nav .nav-list .title {

  width: 100%;

  font-size: 16px;

  line-height: 16px;

  color: #414c5e;

  cursor: pointer;

  display: block;

}

.d-nav .nav-list a.title {

  display: block;

  width: 86%;

  margin: 0 auto;

  padding: 17px 0 17px 18px;

  background: url(../images/h-hot.png) no-repeat left center;

  border-bottom: 1px solid #dfdfdf;

}

.d-nav .nav-list .titletwo {

  line-height: 20px;

}

.d-nav .nav-list .active {

  background: #0068b7;

  color: #4e4c5c;

}

.d-nav .nav-list .active a.title {

  border: none;

}

.d-nav .nav-list .icons {

  border: none;

}

.d-nav .nav-list ul {

  position: absolute;

  width: 100%;

  top: 0;

  left: 100%;

  background: #f1f1f1;

  z-index: 15;

}

.d-nav .nav-list li {

  width: auto;

  display: none;

  padding: 17px 0 17px 20px;

  font-size: 20px;

  line-height: 20px;

  border-bottom: 1px solid #dedede;

}

.d-nav .nav-list li a {

  display: inline-block;

  font-size: 16px;

  line-height: 16px;

  color: #999;

}

.d-nav .nav-list li:last-child {

  border: none;

}

.d-nav .nav-list li:hover {

  background: #0068b7;

}

.d-nav .nav-list:last-child a.title {

  border: none;

}

@media screen and (max-width: 990px) {

  .navs {

    float: none;

    width: 100%;

    margin: 0 auto;

  }

  .d-nav h3 {

    text-align: center;

    padding-left: 0;

  }

  .d-nav .nav-list {

    background: url(../images/sidearrow.png) no-repeat -20px center;

  }

  .list {

    background: url(../images/sidearrow.png) no-repeat -20px center;

  }

  .list ul {

    width: 30%;

    left: 50%;

    margin-left: -15%;

    z-index: 20;

    display: none;

  }

  .list ul li {

    padding: 17px 0 17px 0px;

    text-align: center;

  }

  .list ul ul {

    width: 100%;

    left: 100%;

    z-index: 20;

    margin-left: 0;

    text-align: center;

  }

}



.table{border-collapse:collapse;}

.table td, .table th{border:1px solid #cdcdcd;padding:5px;}

.table p{padding:0;margin:0;}



/*九宫格效果*/

.g-container {display:block;}

.pro-list {overflow:hidden}

.g-container ul.pro-list li{ width:30%; margin:10px 1.5% 10px 1.5%; float:left;}

.g-container ul.pro-list li .ninelist { text-align:center; height:250px;}

.g-container ul.pro-list li .ninelist img { max-width:100%; max-height:250px;}

.g-container ul.pro-list li .ninetext { font-weight: normal; margin-top:10px; height:60px; overflow:hidden; font-size:14px; line-height:20px; color: #000; text-align: center;}

.g-container ul li .ninetext:hover{ color: #eb6d00}

.pro_lb1 .ptxt a:hover{color:#f89434;font-weight:bold;font-size:14px;}



/*download*/

.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url(../images/down1_2.png) right top no-repeat;padding-right:50px}

.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(../images/down1_1.png)no-repeat;padding:0 0 0 16px;}

.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}

.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(../images/down2_1.png)no-repeat;padding:0 12px 0 16px;}

.pdown2 #A_DownLoadProduct{background:url(../images/down2_2.png) right top no-repeat;}

.pdown3 #A_DownLoadProduct{ background:url(../images/down2_3.png) right top no-repeat;}

.pdown4 #A_DownLoadProduct{background:url(../images/down2_4.png) right top no-repeat;}



.rollPro1 {width:100%;margin:10px auto;overflow: hidden;}

.rollPro1 h2{  padding-bottom:10px;}

.rollPro1 li { width:30%; float:left; margin-right:5%; text-align:center;}

.rollPro1 li:nth-of-type(3) { margin-right:0%;}  

.rollPro1 li:nth-of-type(6) { margin-right:0%;}  

.rollPro1 li:nth-of-type(9) { margin-right:0%;} 

.rollPro1 li:nth-of-type(12) { margin-right:0%;} 

.rollPro1 li .pbox { border:1px solid #eee; padding:4px; height:150px;}

.rollPro1 li .pbox img { max-width:100%; max-height:150px;}

.rollPro1 li p { height:40px; line-height:20px; overflow:hidden; margin:10px auto;}



.proIntro{ clear:both; font-size: 14px;line-height: 22px;padding:10px 10px; margin:60px 0; border:1px solid #eee; border-radius:5px;}



@media screen and (max-width: 520px) {

  .g-container ul.pro-list li {width: 90%;margin: 10px 5% 10px 5%;}

  .g-container ul.pro-list li .ninelist {height: auto;}

  .banner .wmuSlider .bdbd {width: 100%;left: 65%;}

  .sub-section .container .hotpro .prolist li {height: auto !important; max-width: 100%;}

  footer .container .colfour {margin-top: 0px !important;}

  .navbar .container .navbar-collapse {background: #fff;}

  footer .container .col {height: auto !important;}

  .sub-section .container .hotpro .prolist li img {max-width: 100% !important;}

  .sub-section .container .about-us .about-pro .about-info {height: auto;}

}