﻿body,
div,
dl,
dt,
dd,
ul,
ol,
dl,
dt,
dd,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
iframe {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  display: block;
}
ol,
ul {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
  display: block;
}
body {
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif;
  background-color: #e3dab3;
  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #ff3203;
  text-decoration: underline;
}

#top {
  height: 75px;
}
/*国旗位置*/
#flag {
  width: 940px;
  height: 53px;
  margin: 0 auto;
}
#f_select {
  width: 180px;
  height: 47px;
  background: #fff;
  border: 3px solid #e3e3e3;
  float: right;
  margin-right: 4px;
}
.flag_1 a,
.flag_2 a,
.flag_3 a {
  display: block;
  width: 47px;
  height: 31px;
  float: left;
  background: url(../img/flag.png) -47px 0px no-repeat;
  margin: 8px 0px 0px 9px;
  _margin: 8px 0px 0px 6px;
}
.flag_2 a {
  background: url(../img/flag.png) -94px 0px no-repeat;
}
.flag_3 a {
  background: url(../img/flag.png) -141px 0px no-repeat;
}
/*搜索位置*/
#search {
  width: 940px;
  height: 28px;
  margin: 0 auto;
  margin-top: 8px;
}
#key {
  width: 275px;
  height: 28px;
  background: #fff;
  float: right;
  margin-right: 4px;
}
#form1 {
  width: 260px;
  height: 22px;
  background: url(../img/top_form_icon.gif) 10px 5px no-repeat;
}
#form1 input.txtBox {
  width: 152px;
  height: 18px;
  border-bottom: #d4d0c8 solid 1px;
  border-right: #d4d0c8 solid 1px;
  border-top: #808080 solid 1px;
  border-left: #808080 solid 1px;
  float: left;
  color: #071e22;
  background-color: #fff;
  font-size: 12px;
  line-height: 22px;
  padding: 0 0 0 10px;
  margin-left: 38px;
  margin-top: 4px;
}
#form1 input.go {
  margin-top: 4px;
  width: 40px;
  height: 17px;
  background: url(../img/btn_go.gif) 0 0 no-repeat #edefe0;
  border: none;
  cursor: pointer;
  font: bold 10px/17px 'Trebuchet MS', Arial, Helvetica, sans-serif;
  color: #fff;
  float: right;
  text-transform: uppercase;
}
/*公共部分*/
#nav,
#banner,
#content,
#net,
#links,
#footer {
  background: #fff;
  width: 950px;
  margin: 0 auto;
  padding-left: 10px;
}
/*导航位置*/
#nav {
  height: 50px;
  margin-top: 6px;
  padding-top: 10px;
}
#nav img {
  float: left;
}
#nav_top {
  width: 940px;
  height: 5px;
  background: url(../img/nav_bottom.jpg) repeat-x;
  margin-top: 2px;
}
/*横幅位置*/
#banner {
  width: 950px;
  height: 260px;
  padding-bottom: 10px;
  overflow: hidden;
}
/*主要内容*/
#content {
  /*height: 565px;*/
  /*padding-bottom:20px;*/
}
/*左边*/
#sidebar {
  width: 255px;
  /*height: 565px;*/
  float: left;
  padding-bottom:15px;
}
#sidebar h1,
#sidebar h3 {
  width: 245px;
  height: 28px;
  background: url(../img/i_news.jpg) no-repeat center left;
  border-bottom: 1px solid #ccc;
  margin-left: 10px;
}
#sidebar h3 {
  width: 240px;
  height: 28px;
  background: url(../img/c_product.jpg) no-repeat center left;
}
#sidebar em {
  float: right;
  font-style: normal;
  margin-top: 4px;
  margin-right: 10px;
}
#news {
  width: 230px;
  padding: 10px;
}
#news li {
  width: 220px;
  height: 20px;
  background: url(../img/i_news_list.jpg) left center no-repeat;
  border-bottom: 1px dashed #ccc;
  padding-top: 8px;
  padding-left: 15px;
}
#company,
#contact {
  width: 222px;
  height: 170px;
  background: #f4f4f4;
  border: 4px solid #d4d2d3;
  margin-top: 10px;
  margin-left: 5px;
  padding: 10px;
}
.c_pic {
  float: right;
  padding: 5px;
}
#company p {
  line-height: 180%;
}
#company p a {
  color: #f00;
}
#contact {
  height: 255px;
}
.line1 {
  width: 220px;
  height: 1px;
  border-bottom: 1px dashed #000;
  font-size: 1px;
  margin-bottom: 4px;
  margin-top: 2px;
}
.c_pic1 {
  width: 220px;
  height: 58px;
}
.c_pic1 img {
  float: left;
  margin-right: 5px;
}
.c_pic1 p {
  line-height: 58px;
}
/*左边产品导航*/
#products_class {
  width: 230px;
  padding: 10px;
  background: #fff;
}
#products_class li {
  font-size: 14px;
  width: 220px;
  height: 20px;
  background: url(../img/i_news_list.jpg) left center no-repeat;
  border-bottom: 1px dashed #ccc;
  padding-top: 8px;
  padding-left: 15px;
}
/*右边*/
#main {
  width: 668px;
  /*height: 565px;*/
  float: right;
  /*padding-bottom: 10px;*/
  margin-right: 10px;
  _margin-right: 5px;
}
#main h2 {
  width: 668px;
  height: 32px;
}
.item1,
.item2,
.item3 {
  width: 220px;
  height: 32px;
  background: url(../img/pro.png) 0 0 no-repeat;
  float: left;
}
.item2 {
  background: url(../img/pro.png) 0 -32px no-repeat;
}
.item3 {
  background: url(../img/pro.png) 0 -64px no-repeat;
}
#main h2 em {
  width: 53px;
  height: 22px;
  background: url(../img/pro_r.jpg) no-repeat;
  float: right;
  padding: 10px 0px 0px 395px;
}
.pro1 {
  width: 628px;
  padding: 10px;
  background: #efefef;
  margin-top: 11px;
  _margin-top: 8px;
  overflow: hidden;
  margin-left: 2px;
  padding-left: 19px;
}
.pro1 dd {
  width: 142px;
  height: 108px;
  float: left;
  margin-right: 9px;
  border: 1px solid #ddd;
  padding: 3px 2px 2px 2px;
}
/*销售网络位置*/
#net {
  /*height: 300px;*/
  padding-top: 10px;
  _padding-top: 0px;
}
#netware {
  width: 923px;
  /*height: 292px;*/
  background: #f4f4f4;
  border: 4px solid #d4d2d3;
  margin-left: 5px;
}
#n_pic {
  width: 590px;
  height: 290px;
  background: url(../img/map.jpg) no-repeat;
  float: left;
  margin: 5px 0px 0px 10px;
}
#n_con {
  width: 300px;
  /*height: 250px;*/
  float: right;
  border-left: 1px dashed #000;
  margin-top: 10px;
  padding: 6px 5px;
}
#n_con h4 {
  width: 280px;
  height: 21px;
  background: url(../img/i_net.jpg) no-repeat;
  margin-bottom: 5px;
}
#n_con p {
  line-height: 180%;
  margin: 0px 10px 0px 10px;
}
/*友情链接*/
#links {
  height: 70px;
  padding-top: 10px;
}
#link {
  width: 884px;
  background: #f4f4f4;
  border: 4px solid #d4d2d3;
  padding: 20px;
  margin-left: 5px;
}
#link span {
  margin: 0px 15px;
}
/*页低*/
#footer {
  /*height: 100px;*/
  width:960px;
  padding:15px 0;
  background-color: #fff;
}
#footer_top {
  width: 960px;
  height: 20px;
  background: url(../img/footer_top.jpg) repeat-x;
}
#footer_text {
  text-align: center;
  line-height: 200%;
}

.swiper {
  width: 940px;
  height: 260px;
  margin-left: 0;
  overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev {
  /* width: 40px;
  height: 40px; */
  color: rgb(255, 102, 0);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 30px;
  font-weight: 700;
}

.swiper-pagination-bullet-active {
  background: rgb(255, 102, 0);
}

.swiper-pagination-bullet {
  width: 60px;
  height: 6px;
  border-radius: 5px;
  cursor: pointer;
}

#nr ul li {
  /*width: 560px;*/
  /*height: 15px;*/
  background: url(../img/i_news_list.jpg) left center no-repeat;
  border-bottom: 1px dashed #ccc;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 15px;
  font-size: 14px;
}

.rich-page{
  padding-bottom: 40px;
}


/*留言板位置*/
#form5 {
  margin: 1em 0;
  padding-top: 10px;
}
#form5 legend {
  background: #fff;
  padding: 0 5px;
  font-style: italic;
}
#form5 p {
  clear: both;
  margin: 0.5em 0;
  overflow: hidden;
}
#form5 label {
  float: left;
  width: 60px;
  display: block;
  text-align: right;
  margin-right: 10px;
}
#form5 input,
#form5 textarea {
  margin: 0;
  width: 480px;
  border: 1px solid #ddd;
  padding: 3px 5px 3px 25px;
}
#form5 input#name {
  background: #fff url(../img/form5/form_name.gif) no-repeat 5px 50%;
}
#form5 input#email {
  background: #fff url(../img/form5/form_email.gif) no-repeat 5px 50%;
}
#form5 input#web {
  background: #fff url(../img/form5/form_url.gif) no-repeat 5px 50%;
}
#form5 textarea#message {
  background: #fff url(../img/form5/form_note.gif) no-repeat 5px 6px;
}
#form5 textarea {
  height: 225px;
  overflow: auto;
}
#form5 p.submit {
  clear: both;
  margin: 1em 0;
  padding: 0.5em 70px;
  border-top: 1px solid #f1f1f1;
}
#form5 button {
  height: 28px;
  line-height: 28px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  background: url(../img/form5/form_button.gif) no-repeat;
  padding: 0 10px 0 25px;
  color: #333;
  cursor: pointer;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
}

#pro3{width:642px;margin:10px 0px 0px 10px;padding-left:4px;}
#pro3 dl{width:210px;height:200px;float:left;}
#pro3 dl dt{width:204px;height:158px;border:1px solid #ccc;background:#FFF;padding:2px;overflow:hidden;}
#pro3 dl dd{width:100%;height:40px;text-align:center;line-height:40px;font-size:12px;background:#fff;}
.pro3_r{margin-right:4px;}


#pro4{width:628px;padding:10px;margin-top:10px;overflow:hidden;margin-left:2px;padding-left:19px;}
.pro4_title{height:35px;margin-top:5px;text-align:center;color:red;font-weight: 600;font-size:16px;margin-bottom:30px;border-bottom:2px solid #bdbdbd;}
.pro4_contant{width:600px;padding:20px 0px;}