@charset "UTF-8";



body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}



input,button,ul,ol{margin: 0px; padding: 0px;}



body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei","宋体", "Arial"; color: #333333;}



h1,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}



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



input{background: none; border: 0 none;}



img,iframe{border: 0px;}



em,i{font-style: normal;}



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



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



.red{color: #ba292e;}



.fl{float: left;}



.fr{float: right;}



.tac{text-align: center;}



.tar{text-align: right;}



.poa{position: absolute;}



.por{position: relative;}



.hidden{display: none;}



.w1200{width: 1200px; margin: 0 auto;}



.ico{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}



a{color: #333333; text-decoration: none;}



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



a:visited{text-decoration: none;}



.ease,



.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}



.noease,



.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}



:-moz-placeholder{color: #aaa;}



::-moz-placeholder{color: #aaa;}



input:-ms-input-placeholder,



textarea:-ms-input-placeholder{color: #aaa;}



input::-webkit-input-placeholder,



textarea::-webkit-input-placeholder{color: #aaa;}



/*清除浮动*/



.clearfix{*zoom: 1;}



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



@charset "UTF-8";

html {

  min-width: 1200px;

}

body,

p,

form,

textarea,

h1,

h22,

h3,

h4,

h5,

dl,

dd {

  margin: 0px;

}

input,

button,

ul,

ol {

  margin: 0px;

  padding: 0px;

}

body,

input,

button,

form {

  font-size: 14px;

  line-height: 28px;

  font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;

  color: #333333;

}

h1,

h22,

h3,

h4,

h5,

h6,

font {

  font-size: 14px;

  font-weight: normal;

}

ul,

ol,

li {

  list-style: none;

}

input {

  background: none;

  border: 0 none;

}

img,

iframe {

  border: 0px;

}

em,

i {

  font-style: normal;

}

button,

input,

select,

textarea {

  font-size: 100%;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

.red {

  color: #e74037;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.tac {

  text-align: center;

}

.tar {

  text-align: right;

}

.poa {

  position: absolute;

}

.por {

  position: relative;

}

.hidden {

  display: none;

}

.hide {

  display: none !important;

}

.w1200 {

  width: 1200px;

  margin: 0 auto;

}

.icon {

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

  display: inline-block;

  vertical-align: middle;

}

a {

  color: #333333;

  text-decoration: none;

}

a:hover {

  color: #db0304;

  text-decoration: none;

}

a:visited {

  text-decoration: none;

}

.ease,

.ease * {

  transition: all ease 300ms;

}

.noease,

.noease * {

  transition: none;

}

:-moz-placeholder {

  color: #999;

}

::-moz-placeholder {

  color: #999;

}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  color: #999;

}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  color: #999;

}

/*清除浮动*/

.clearfix {

  *zoom: 1;

}

.clearfix:after {

  visibility: hidden;

  display: block;

  font-size: 0;

  content: " ";

  clear: both;

  height: 0;

}

.dialog-layout {

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 100;

  top: 0;

  left: 0;

  background: #000;

  opacity: 0.3;

  filter: alpha(opacity=30);

}

/***************top and bottom css*********************/

/*header*/

.header_main {

width: 100%;

height: 108px;

position: relative;

z-index: 100;

/* border-top: 2px solid #3bb79b; */
}

.header_main .header {

  position: relative;

  padding-left: 200px;

  width: 1000px;

}

.header_main .logo_main {

  width: 150px;

  height: 110px;

  padding-top: 10px;

  position: absolute;

  left: 0;

  top: -2px;

  z-index: 999;

  display: block;

 

}

.header_main .logo_main img {

width: 336px;

height: 88px;

display: block;

margin: 0 auto;
}

.header_main .top_r {

  float: right;

  width: 100%;

  text-align: right;

  padding-top: 2px;

  z-index: 1000;

}

.header_main .top_r li {

  display: inline-block;

  *display: inline;

  *zoom: 1;

  vertical-align: top;

  text-align: center;

  color: #cccccc;

}

.header_main .top_r li a {

  color: #666;

  width: 100%;

  font-size: 12px;

  display: block;

  cursor: pointer;

}

.header_main .top_r li a:hover {

  color: #db0304;

}

.header_main .top_r li.ewm {

  position: relative;

  color: #666;

  cursor: pointer;

  z-index: 1000;

}

.header_main .top_r li.ewm s {

  background-position: -78px 0;

}

.header_main .top_r li.ewm .box {

  width: 90px;

  height: 90px;

  border: 10px solid #ccc;

  position: absolute;

  left: -35px;

  top: 30px;

  z-index: 88;

  display: none;

  background: #ccc;

}

.header_main .top_r li.ewm .box img {

  width: 100%;

  height: 100%;

  display: block;

}

.header_main .top_r li.ewm:hover {

  color: #db0304;

}

.header_main .top_r li.ewm:hover .box {

  display: block;

}

.header_main .top_r .split {

  width: 1px;

  text-align: center;

  margin: 0 9px 0 8px;

  *margin: 0 12px;

  font-size: 12px;

  display: inline-block;

  *display: inline;

  *zoom: 1;

  margin-bottom: 1px;

  color: #767676;

  font-family: "宋体";

}

.header_main .txttel {

  width: 100%;

}

.header_main .txttel .img {

  width: 410px;

  height: 40px;

  display: block;

  float: left;

}

.header_main .txttel .img img {

  width: 100%;

  display: block;

}

.header_main .txttel .tel {

  color: #3bb79b;

  float: right;

  padding-top: 10px;

  font-size: 28px;

  font-weight: bold;

  font-family: arial;

}

.header_main .txttel .tel s {

  width: 26px;

  height: 30px;

  margin-right: 10px;

  background-position: 0 0;

}

.header_main .nav_main {

width: 100%;

height: 80px;

line-height: 80px;

padding-top: 18px;

padding-left: 0px;
}

.header_main .nav_main ul {

  width: 100%;

}

.header_main .nav_main li {
  text-align: center;
  padding: 0 12px 0 12px;
  font-size: 16px;
  float: right;
  background: url(../images/nav-libg.png) no-repeat left center;
}

.header_main .nav_main li:first-child {



 

}

.header_main .nav_main li a {
  height: 80px;
  line-height: 80px;

  display: block;
  transition: all ease 300ms;
  position: relative;
  font-size: 18px;
  font-size: 18px;
}

.header_main .nav_main li a s {

  width: 16px;

  height: 9px;

  margin-left: 5px;

  background-position: -63px 0;

}

.header_main .nav_main li a:hover {

  color: #db0304;

}

.header_main .nav_main li i {

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 0;

  height: 2px;

  background-color: #db0304;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  z-index: 10;

}

.header_main .nav_main li .sub-box {

  background-color: #db0304;

  width: 100%;

  position: absolute;

  left: 0;

  top: 80px;

  *top: 76px;

  display: none;

}

.header_main .nav_main li .sub-box a {

  color: #fff !important;

  line-height: 35px;

  height: 35px;

  overflow: hidden;

  display: block;

  margin: 0;

  font-size: 14px;

}

.header_main .nav_main li .sub-box a:hover {

  background: #3bb79b;

  color: #fff;

}

.header_main .nav_main li:hover a,

.header_main .nav_main li.hover a {

  color: #db0304;

}

.header_main .nav_main li:hover i,

.header_main .nav_main li.hover i {

  width: 100%;

  margin-left: -50%;

}

.ewmbox {

  width: 300px;

  height: 320px;

  padding-top: 20px;

  background: #fff;

  z-index: 9999;

  position: fixed;

  left: 50%;

  top: 50%;

  margin: -170px 0 0 -150px;

  text-align: center;

  font-size: 16px;

  display: none;

}

.ewmbox .close {

  width: 32px;

  height: 32px;

  position: absolute;

  top: -25px;

  right: -40px;

  cursor: pointer;

  border-radius: 100%;

  background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center;

  transition: all ease 300ms;

}

.ewmbox .close:hover {

  transform: rotate(180deg);

}

.ewmbox img {

  width: 260px;

  height: 260px;

  display: block;

  margin: 0 auto 10px;

}



/***********top and bottom css end***********/

.indexTit {

  width: 100%;

  padding: 72px 0 40px;

  margin-bottom: 55px;

  text-align: center;

  background: url(../images/indextitbg.png) no-repeat center top;

}

.indexTit h3 {

  font-size: 40px;

  line-height: 40px;

  font-weight: bold;

  color: #db0304;

}

.indexMore {

  width: 298px;

  height: 58px;

  line-height: 58px;

  margin: 0 auto;

  position: relative;

  border: 1px solid #db0304;

  text-align: center;

  font-size: 18px;

  display: block;

  transition: all ease 300ms;

}

.indexMore:hover {

  background: #db0304;

  color: #fff;

}



/*txtlist*/

.txtlist {

  width: 100%;

  position: relative;

  overflow: hidden;

}

.txtlist .list {

  width: 120%;

  position: relative;

}

.txtlist li {

  width: 300px;

  height: 36px;

  line-height: 36px;

  overflow: hidden;

  float: left;

  margin-right: 70px;

}

.txtlist li a {

  width: 100%;

  display: block;

}

.txtlist li s {

  width: 4px;

  height: 4px;

  display: inline-block;

  vertical-align: middle;

  margin-top: -1px;

  border-radius: 100%;

  background: #333333;

  margin-right: 10px;

}

.txtlist li .time {

  float: right;

}

.banner_main {

  width: 100%;

  overflow: hidden;

  position: relative;

  z-index: 2;

}

.banner {

  width: 100%;

  min-width: 1000px;

  padding: 33.85% 0 0;

  z-index: 20;

  position: relative;

  overflow: hidden;

}

.banner .list {

  width: 100%;

}

.banner li {

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  z-index: 1;

  overflow: hidden;

  background: #fff;

}

.banner li a {

  width: 100%;

  display: block;

  height: 100%;

}

.banner li img {

  width: 100%;

  display: block;

  position: relative;

  left: 0;

  top: 0;

}

.banner .tip {

  width: 100%;

  height: 12px;

  position: absolute;

  left: 0;

  bottom: 125px;

  z-index: 10;

  text-align: center;

}

.banner .tip span {

  width: 52px;

  height: 2px;

  margin: 0 8px;

  display: inline-block;

  cursor: pointer;

  vertical-align: top;

  transition: all ease 300ms;

  background: #fff;

  opacity: 0.8;

  filter: alpha(opacity=80);

}

.banner .tip span.cur {

  width: 90px;

  background: #55ecca;

}

.banner .prev,

.banner .next {

  width: 36px;

  height: 80px;

  position: absolute;

  z-index: 12;

  top: 50%;

  margin-top: -40px;

  background: url(../images/banner-ico.png) no-repeat 6px 4px;

  cursor: pointer;

}

.banner .prev {

  left: 80px;

}

.banner .prev:hover {

  background-position: 6px -98px;

}

.banner .next {

  right: 80px;

  background-position: -88px 4px;

}

.banner .next:hover {

  background-position: -88px -98px;

}





/*rightFix*/

.rightFix {

  width: 48px;

  position: fixed;

  right: 20px;

  top: 50%;

  margin-top: -100px;

  z-index: 99;

}

@media (max-width: 1366px) {

  .rightFix {

    right: 8px;

  }

}

.rightFix .ico {

  width: 48px;

  height: 48px;

  display: block;

  position: relative;

  overflow: hidden;

  margin: 0px;

  transition: all ease 300ms;

  margin-top: 1px;

  padding: 0px;

  border-radius: 48px;

  border: 1px solid #dedede;

  margin-bottom: 5px;

  background: #ffffff url(../images/fix-ico.png) no-repeat center 0;

}

.rightFix .ico img {

  width: 110px;

  height: 110px;

  position: absolute;

  left: -78px;

  top: 0;

  padding: 6px;

  background: #db0304;

  border: 1px solid #ddd;

  background: #fff;

  display: block;

  opacity: 0;

  filter: alpha(opacity=0);

  transition: all ease-in-out 0.2s;

  border-radius: 5px;

}

.rightFix .ico span {

  width: 210px;

  text-align: center;

  height: 48px;

  line-height: 48px;

  position: absolute;

  left: -78px;

  top: 0;

  background: #db0304;

  color: #fff;

  display: block;

  font-weight: bold;

  font-size: 18px;

  opacity: 0;

  filter: alpha(opacity=0);

  transition: all ease-in-out 0.2s;

  border-radius: 48px;

}

.rightFix .ico:hover {

  background-color: #db0304;

  border-color: #db0304;

  overflow: visible;

}

.rightFix .ico:hover img {

  opacity: 1;

  filter: alpha(opacity=100);

  left: -140px;

}

.rightFix .ico:hover span {

  opacity: 1;

  filter: alpha(opacity=100);

  left: -215px;

}

.rightFix .fix-tel {

  background-position: 11px 12px;

}

.rightFix .fix-tel:hover {

  background-position: -33px 12px;

}

.rightFix .fix-qq {

  background-position: 11px -40px;

}

.rightFix .fix-qq:hover {

  background-position: -33px -40px;

}

.rightFix .fix-ewm {

  background-position: 11px -96px;

}

.rightFix .fix-ewm:hover {

  background-position: -33px -96px;

}

.rightFix .fix_top {

  background-position: 11px -150px;

}

.rightFix .fix_top:hover {

  background-position: -33px -150px;

}

.rightFix .fix-form {

  background-position: 10px -234px;

}

.rightFix .fix-form span {

  font-size: 14px;

  line-height: 23px;

  width: 180px;

}

.rightFix .fix-form:hover {

  background-position: -37px -234px;

}

.map_ul {

  list-style: outside none none;

  display: block;

  width: 100%;

  padding-top: 10px;

}

.map_ul li {

  display: block;

  width: 100%;

  padding-bottom: 10px;

  margin-bottom: 10px;

  border-bottom: 1px solid #DCDBDB;

  margin-left: 10px;

  float: left;

}

.map_ul li a {

  font-size: 14px;

  float: left;

  width: 100%;

  height: 23px;

  line-height: 23px;

  font-weight: bold;

}

.map_ul .list-inline {

  display: block;

  margin-left: 7%;

  width: 80%;

  min-height: 30px;

}

.map_ul .list-inline a {

  font-weight: normal;

  width: auto;

  float: none;

  line-height: 32px;

  height: 32px;

  margin: 0 10px 10px 0;

  display: inline-block;

  border: 1px solid #ccc;

  padding: 0px 10px;

}

.map_ul .list-inline a:hover {

  background: #db0304;

  color: #fff;

}

span.bds_more,

.bds_tools a {

  line-height: 14px !important;

}

/**************

 *  Animations for content elements

 * **********/

/* 滞后 */

.delay100 {

  -webkit-animation-delay: 100ms;

  animation-delay: 100ms;

}

.delay200 {

  -webkit-animation-delay: 200ms;

  animation-delay: 200ms;

}

.delay300 {

  -webkit-animation-delay: 300ms;

  animation-delay: 300ms;

}

.delay400 {

  -webkit-animation-delay: 400ms;

  animation-delay: 400ms;

}

.delay500 {

  -webkit-animation-delay: 500ms;

  animation-delay: 500ms;

}

.delay600 {

  -webkit-animation-delay: 600ms;

  animation-delay: 600ms;

}

.delay700 {

  -webkit-animation-delay: 700ms;

  animation-delay: 700ms;

}

.delay800 {

  -webkit-animation-delay: 800ms;

  animation-delay: 800ms;

}

.delay900 {

  -webkit-animation-delay: 900ms;

  animation-delay: 900ms;

}

.delay1000 {

  -webkit-animation-delay: 1000ms;

  animation-delay: 1000ms;

}

.delay1100 {

  -webkit-animation-delay: 1100ms;

  animation-delay: 1100ms;

}

.delay1200 {

  -webkit-animation-delay: 1200ms;

  animation-delay: 1200ms;

}

.delay1300 {

  -webkit-animation-delay: 1300ms;

  animation-delay: 1300ms;

}

.delay1400 {

  -webkit-animation-delay: 1400ms;

  animation-delay: 1400ms;

}

.delay1500 {

  -webkit-animation-delay: 1500ms;

  animation-delay: 1500ms;

}

.delay1600 {

  -webkit-animation-delay: 1600ms;

  animation-delay: 1600ms;

}

.delay1700 {

  -webkit-animation-delay: 1700ms;

  animation-delay: 1700ms;

}

.delay1800 {

  -webkit-animation-delay: 1800ms;

  animation-delay: 1800ms;

}

.delay1900 {

  -webkit-animation-delay: 1900ms;

  animation-delay: 1900ms;

}

.delay2000 {

  -webkit-animation-delay: 2000ms;

  animation-delay: 2000ms;

}

.delay2100 {

  -webkit-animation-delay: 2100ms;

  animation-delay: 2100ms;

}

.delay2200 {

  -webkit-animation-delay: 2200ms;

  animation-delay: 2200ms;

}

.delay2300 {

  -webkit-animation-delay: 2300ms;

  animation-delay: 2300ms;

}

.delay2500 {

  -webkit-animation-delay: 2500ms;

  animation-delay: 2500ms;

}

.delay2700 {

  -webkit-animation-delay: 2700ms;

  animation-delay: 2700ms;

}

.delay2900 {

  -webkit-animation-delay: 2900ms;

  animation-delay: 2900ms;

}










	

	

	

	

/*底部信息*/

#footer_main{margin:0;width:100%;padding:0;position:relative;z-index: 3;background: #383838;color: #ccc;}

#footer_main #footer{padding-top:34px;}

#footer_main .ewm{width:260px;}

#footer_main .ewm p{width:110px;margin-right:14px;padding-top:12px;text-align:center;}

#footer_main .ewm img{width:110px;height:110px;display:block;}

#footer_main .ewm span{color:#ccc;font-size:12px;}





#footer_main .icontact{width:340px;padding-top:8px;}

#footer_main .icontact h3{color:#ccc;font-size:12px;padding:0;display: inline-block;font-family:arial;}

#footer_main .icontact h3 b{display: block;color:#fff;font-size:24px;}

#footer_main .icontact span{}

#footer_main .botleft{width: 690px;}





#footer_main .botnav{line-height:24px;color: #fff;padding-top:8px;}

#footer_main .botnav a{display:inline-block;color:#fff;}

#footer_main .botnav span{display:inline-block;color: #666;padding:0 20px;}



#footer_main .botnav a:hover{color: #fff;}

#footer_main .botnav .more{width: 208px;height: 34px;line-height: 34px;display: block;background: #008a37;color: #fff;text-align: center;margin-top: 20px;}

#footer_main .botnav .more:hover{background: #e5000a;}





.copyright{padding-top:20px;padding-bottom:30px;font-size: 15px;color: #ccc;}



.copyright span{font-family:tahoma;}

.copyright p,.copyright a{color: #ccc;}

.copyright p{line-height:20px;}

.copyright a:hover{color:#3366ad;}