body {

  font-family: "微软雅黑";

}

.container1 {

  max-width: 1200px !important;

  margin: 0 auto;

  padding: 0;

}

.row {

  margin: 0;

}

.col-lg-1,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-md-1,

.col-md-10,

.col-md-11,

.col-md-12,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-sm-1,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-xs-1,

.col-xs-10,

.col-xs-11,

.col-xs-12,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9 {

  padding: 0;

  margin: 0;

}

.lt {

  float: left;

}

.rt {

  float: right;

}

a {

  text-decoration: none;

}

ul,

li {

  margin: 0;

  padding: 0;

  list-style: none;

}

.topbar {

  height: 35px;

  line-height: 35px;

  color: #fff;

  border-bottom: 1px solid #ccc;
  background:#312f2f;

}

.topbar .tlt .tlist {

  display: inline-block;

 

  float: left;

  width: 300px;

  text-align: center;

  transition: all 0.3s ease 0s;

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

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

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

}


.topbar .trt .tlist {

  display: inline-block;

  float: left;

  margin-left: 10px;

  color: #fff;

  font-size: 1.2rem;
  
  margin-right:30px;

}

.topbar .trt .tlist a

{
	color:#fff;
}

 

.header-wrap .header {

  position: relative;

}

.header-wrap .header .logo {

  line-height: 65px;

}

.header-wrap .header .nav-ul .navlist {

  position: relative;

  display: inline-block;

  float: left;

  width: 12%;

}

.header-wrap .header .nav-ul .navlist a.listh1 {

  padding-top: 0px;

  height: 100px;
  line-height:100px;

  text-decoration: none;

  display: block;

  color: #4d5258;

  text-align: center;

  font-size: 1.6rem;

  transition: all 0.3s ease 0s;

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

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

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

}

.header-wrap .header .nav-ul .navlist a.listh1:hover,

.header-wrap .header .nav-ul .navlist a.listh1.on {

  background: #1e80db;

  color: #fff;

}

.header-wrap .header .nav-ul .navlist a.listh1 span {

  margin-top: 5px;

  display: block;

  font-size: 1.2rem;

  color: #fff;

}

.header-wrap .header .nav-ul .navlist .list2-ul {

  position: absolute;

  left: 0;

  top: 100px;

  display: none;

  z-index: 10;

  background: rgba(0, 0, 0, 0.8) !important;

  background: #000;

  filter: alpha(opacity=80);

  width: 150px;

}

.header-wrap .header .nav-ul .navlist .list2-ul .list {

  position: relative;

}

.header-wrap .header .nav-ul .navlist .list2-ul .list .listh2 {

  text-align: left;

  padding-left: 10px;

  line-height: 35px;

  color: #fff;

  display: block;

  text-decoration: none;

}

.header-wrap .header .nav-ul .navlist .list2-ul .list .listh2:hover,

.header-wrap .header .nav-ul .navlist .list2-ul .list .listh2.on {

  background: #1e80db;

}

.header-wrap .header .nav-ul .navlist .list2-ul .list .list3-ul {

  display: none;

  position: absolute;

  left: 100%;

  top: 0;

  width: 100%;

  background: rgba(0, 0, 0, 0.8) !important;

  background: #000;

  filter: alpha(opacity=80);

}

.header-wrap .header .nav-ul .navlist .list2-ul .list .list3-ul .list2 {

  text-align: center;

}

.header-wrap .header .nav-ul .navlist .list2-ul .list .list3-ul .list2 a {

  display: block;

  line-height: 35px;

  color: #fff;

}

.header-wrap .header .menu {

  line-height: 65px;

  float: right;

}

.header-wrap .header .menu img {

  max-width: 100%;

}

.header-wrap .header .menulist {

  position: absolute;

  top: 65px;

  right: -7px;

  width: 100px;

  display: none;

  z-index: 10;

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

}

.header-wrap .header .menulist a {

  font-size: 1.4rem;

  font-family: "微软雅黑";

  text-decoration: none;

  color: #fff;

  display: block;

  text-align: center;

  height: 30px;

  line-height: 30px;

}

.header-wrap .header .menulist a:hover {

  background: #000;

}

.nav-wrap {

  background: #1981ff;

  height: 40px;

}

.nav-wrap .nav-ul .navlist {

  position: relative;

  display: inline-block;

  float: left;

  width: 12.5%;

}

.nav-wrap .nav-ul .navlist a.listh1 {

  line-height: 40px;

  text-decoration: none;

  display: block;

  color: #fff;

  text-align: center;

  font-size: 1.4rem;

  transition: all 0.3s ease 0s;

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

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

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

}

.nav-wrap .nav-ul .navlist a.listh1:hover,

.nav-wrap .nav-ul .navlist a.listh1.on {

  background: #1560bb;

}

.nav-wrap .nav-ul .navlist .list2-ul {

  position: absolute;

  left: 0;

  top: 40px;

  display: none;

  z-index: 10;

  background: rgba(0, 0, 0, 0.8) !important;

  background: #000;

  filter: alpha(opacity=80);

  width: 150px;

}

.nav-wrap .nav-ul .navlist .list2-ul .list {

  position: relative;

}

.nav-wrap .nav-ul .navlist .list2-ul .list .listh2 {

  text-align: left;

  padding-left: 10px;

  line-height: 35px;

  color: #fff;

  display: block;

  text-decoration: none;

}

.nav-wrap .nav-ul .navlist .list2-ul .list .listh2:hover,

.nav-wrap .nav-ul .navlist .list2-ul .list .listh2.on {

  background: #1981ff;

}

.nav-wrap .nav-ul .navlist .list2-ul .list .list3-ul {

  display: none;

  position: absolute;

  left: 100%;

  top: 0;

  width: 100%;

  background: rgba(0, 0, 0, 0.8) !important;

  background: #000;

  filter: alpha(opacity=80);

}

.nav-wrap .nav-ul .navlist .list2-ul .list .list3-ul .list2 {

  text-align: center;

}

.nav-wrap .nav-ul .navlist .list2-ul .list .list3-ul .list2 a {

  display: block;

  line-height: 35px;

  color: #fff;

}

.banner-wrap {

  width:100%;
 
  height:648px;
  

}

.banner-wrap #owl-demo {

  width: 100% !important;

  margin-left: auto;

  margin-right: auto;
 
  height:648px;

}

.banner-wrap #owl-demo .item {

  display: block;

}

.banner-wrap #owl-demo img {

  display: block;

  width: 100%;

}

.banner-wrap .owl-theme .owl-controls {

  position: absolute;

  bottom: 20px;

  width: 100%;

  text-align: center;

}

.banner-wrap .owl-theme .owl-controls.clickable .owl-page span {

  transition: all 0.3s ease 0s;

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

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

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

}

.banner-wrap .owl-theme .owl-controls.clickable .owl-page:hover span {

  background: #fff;

}

.banner-wrap .owl-theme .owl-controls .owl-page.active span {

  background: #fff;

}

.banner-wrap .banner .swiper-wrapper .swiper-slide img {

  width: 100%;
  
 
  height:648px;

}

 
.content-wrap .product-wrap {

  padding: 35px 0;

  overflow: hidden;

}

.content-wrap .product-wrap .title-line {

  text-align: center;

}

.content-wrap .product-wrap .title-line .title {

  background: url(../images/index-titline1.png) no-repeat center center;

}

.content-wrap .product-wrap .title-line .title .chtit {

  font-size: 3.6rem;

  color: #292929;

}

.content-wrap .product-wrap .title-line .title .entit {

  color: #aaa;

  font-size: 1.2rem;

  font-family: "Arial";

}

.content-wrap .product-wrap .title-line .stxt {

  margin-top: 10px;

  font-size: 1.2rem;

  color: #696969;

  line-height: 20px;

}

.content-wrap .product-wrap .product-con {

  margin-top: 35px;

}

.content-wrap .product-wrap .product-con .product-carousel {

  width: 100% !important;

  margin-left: auto;

  margin-right: auto;

  overflow: visible;

}

.content-wrap .product-wrap .product-con .product-carousel .item {

  display: block;

  margin: 0 10px;

}

.content-wrap .product-wrap .product-con .product-carousel .item .plist {

  margin-bottom: 20px;

}

.content-wrap .product-wrap .product-con .product-carousel .item .plist a {

  display: block;

  text-decoration: none;

}

.content-wrap .product-wrap .product-con .product-carousel .item .plist a:hover .picbox .showcn {

  top: 0;

}

.content-wrap .product-wrap .product-con .product-carousel .item .plist a .picbox {

  border: 1px solid #ccc;

  background: #fff;

  overflow: hidden;

  position: relative;

}

.content-wrap .product-wrap .product-con .product-carousel .item .plist a .picbox .showcn {

  position: absolute;

  top: 800px;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../images/product-fdj.png) no-repeat center center;

  color: #fff;

  padding: 0 10px;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .product-wrap .product-con .product-carousel .item .plist a .picbox .showcn .stit {

  margin-top: 29%;

  font-size: 1.8rem;

  font-weight: bold;

  line-height: 20px;

  height: 20px;

  overflow: hidden;

  text-align: center;

}

.content-wrap .product-wrap .product-con .owl-theme .owl-controls .owl-buttons .owl-prev {

  position: absolute;

  left: -80px;

  top: 40%;

  width: 45px;

  height: 45px;

  border: 1px solid #ccc;

  color: #10de90;

  background: none;

  font-size: 2rem;

  padding: 0;

  line-height: 45px;

  text-align: center;

  border-radius: 0;

  opacity: 1;

  font-family: "黑体";

  font-weight: bold;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .product-wrap .product-con .owl-theme .owl-controls .owl-buttons .owl-prev:hover {

  background: #10de90;

  color: #fff;

}

.content-wrap .product-wrap .product-con .owl-theme .owl-controls .owl-buttons .owl-next {

  position: absolute;

  right: -80px;

  top: 40%;

  width: 45px;

  height: 45px;

  border: 1px solid #ccc;

  color: #10de90;

  background: none;

  font-size: 2rem;

  padding: 0;

  line-height: 45px;

  text-align: center;

  border-radius: 0;

  opacity: 1;

  font-family: "黑体";

  font-weight: bold;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .product-wrap .product-con .owl-theme .owl-controls .owl-buttons .owl-next:hover {

  background: #10de90;

  color: #fff;

}

.content-wrap .product-wrap .product-con .morebtn {

  margin-top: 35px;

  text-align: center;

}

.content-wrap .product-wrap .product-con .morebtn a {

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .product-wrap .product-con .morebtn a:hover {

  opacity: .8;

}

.content-wrap .ad-wrap .a1box .abox {

  background: url(../images/adbf-bg1.png) no-repeat left bottom;

  height: 228px;

  background-size: cover;

}

.content-wrap .ad-wrap .a1box .abox .conbox {

  padding-top: 125px;

  padding-left: 380px;

}

.content-wrap .ad-wrap .a1box .abox .conbox .ccon .tit {

  color: #fff;

  font-size: 1.8rem;

  font-weight: bold;

}

.content-wrap .ad-wrap .a1box .abox .conbox .ccon .cn {

  margin-top: 10px;

  color: #fff;

  font-size: 1.2rem;

  line-height: 25px;

}

.content-wrap .ad-wrap .a1box .abox .conbox .abtn {

  margin-top: 30px;

  text-align: right;

}

.content-wrap .ad-wrap .a2box {

  background: url(../images/ad-bg2.png) no-repeat center center;

  background-size: cover;

  padding: 25px 0;

}

.content-wrap .ad-wrap .a2box .pic img {

  max-width: 100%;

}

.content-wrap .advantage-wrap {

  background: url(../images/advantagebg.jpg) no-repeat center center;

  background-size: cover;

  padding: 55px 0 0;

}

.content-wrap .advantage-wrap .title {

  text-align: center;

}

.content-wrap .advantage-wrap .title img {

  max-width: 100%;

}

.content-wrap .advantage-wrap .advantage-con {

  margin-top: 55px;

  color: #fff;

  position: relative;

}

.content-wrap .advantage-wrap .advantage-con .alist {

  padding: 0 10px 20px;

}

.content-wrap .advantage-wrap .advantage-con .alist .titbox i {

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

  width: 26px;

  height: 24px;

  font-style: normal;

  font-size: 1.6rem;

  text-align: center;

  display: inline-block;

  line-height: 24px;

  margin-right: 5px;

}

.content-wrap .advantage-wrap .advantage-con .alist .titbox span {

  color: #1e80db;

  font-size: 2.2rem;

  font-weight: bold;

}

.content-wrap .advantage-wrap .advantage-con .alist .con {

  margin-top: 15px;

}

.content-wrap .advantage-wrap .advantage-con .alist .con p {

  margin-bottom: 0;

  line-height: 25px;

  height: 100px;

  overflow: hidden;

}

.content-wrap .advantage-wrap .abg {

  position: absolute;

  top: 60px;

  left: 0;

  width: 100%;

}

.content-wrap .advantage-wrap .abg img {

  max-width: 100%;

}

.content-wrap .case-wrap {

  padding: 35px 0 0;

}

.content-wrap .case-wrap .title-line {

  text-align: center;

}

.content-wrap .case-wrap .title-line .title {

  background: url(../images/index-titline1.png) no-repeat center center;

}

.content-wrap .case-wrap .title-line .title .chtit {

  font-size: 3.6rem;

  color: #292929;

}

.content-wrap .case-wrap .title-line .title .entit {

  color: #aaa;

  font-size: 1.2rem;

  font-family: "Arial";

}

.content-wrap .case-wrap .title-line .stxt {

  margin-top: 10px;

  font-size: 1.2rem;

  color: #696969;

  line-height: 20px;

}

.content-wrap .case-wrap .case-con {

  margin-top: 35px;

}

.content-wrap .case-wrap .case-con .clist {

  padding: 0 10px 20px;

}

.content-wrap .case-wrap .case-con .clist a {

  text-decoration: none;

  display: block;

}

.content-wrap .case-wrap .case-con .clist a:hover .picbox .showcn {

  top: 0;

}

.content-wrap .case-wrap .case-con .clist a .picbox {

  border: 1px solid #ccc;

  background: #fff;

  overflow: hidden;

  position: relative;

}

.content-wrap .case-wrap .case-con .clist a .picbox .showcn {

  position: absolute;

  top: 800px;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../images/product-fdj.png) no-repeat center center;

  color: #fff;

  padding: 0 10px;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .case-wrap .case-con .clist a .picbox .showcn .stit {

  margin-top: 25%;

  font-size: 1.8rem;

  font-weight: bold;

  line-height: 20px;

  height: 20px;

  overflow: hidden;

  text-align: center;

}

.content-wrap .case-wrap .case-con .clist a .btit {

  text-align: center;

  font-size: 1.4rem;

  color: #292929;

  margin-top: 10px;

  line-height: 18px;

  height: 18px;

  overflow: hidden;

}

.content-wrap .case-wrap .case-con .morebtn {

  margin-top: 35px;

  text-align: center;

}

.content-wrap .case-wrap .case-con .morebtn a {

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .case-wrap .case-con .morebtn a:hover {

  opacity: .8;

}

.content-wrap .about-wrap {

  padding: 50px 0;

}

.content-wrap .about-wrap .about-con .picbox {

  text-align: center;

}

.content-wrap .about-wrap .about-con .picbox img {

  max-width: 100%;

}

.content-wrap .about-wrap .about-con .con .titbox {

  margin-top: 20px;

}

.content-wrap .about-wrap .about-con .con .titbox .btit {

  font-size: 2rem;

  color: #292929;

  font-weight: bold;

}

.content-wrap .about-wrap .about-con .con .titbox .btit span {

  margin-top: 3px;

  font-size: 1.2rem;

  color: #1e80db;

  font-weight: normal;

}

.content-wrap .about-wrap .about-con .con .titbox .stit {

  margin-top: 3px;

  font-size: 1.4rem;

  font-weight: bold;

  color: #999;

}

.content-wrap .about-wrap .about-con .con .titbox .line {

  margin-top: 10px;

  width: 15px;

  height: 2px;

  background: #646464;

}

.content-wrap .about-wrap .about-con .con .cn {

  margin-top: 20px;

}

.content-wrap .about-wrap .about-con .con .cn p {

  margin-bottom: 0;

  font-size: 1.4rem;

  color: #696969;

  line-height: 25px;

}

.content-wrap .about-wrap .about-con .con .morebtn {

  margin-top: 40px;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .about-wrap .about-con .con .morebtn:hover {

  opacity: .5;

}

.content-wrap .news-wrap {

  background: #eee;

  padding: 45px 0;

  overflow: hidden;

}

.content-wrap .news-wrap .title-line {

  text-align: center;

}

.content-wrap .news-wrap .title-line .title {

  background: url(../images/index-titline1.png) no-repeat center center;

}

.content-wrap .news-wrap .title-line .title .chtit {

  font-size: 3.6rem;

  color: #292929;

}

.content-wrap .news-wrap .title-line .title .entit {

  color: #aaa;

  font-size: 1.2rem;

  font-family: "Arial";

}

.content-wrap .news-wrap .title-line .stxt {

  margin-top: 10px;

  font-size: 1.2rem;

  color: #696969;

  line-height: 20px;

}

.content-wrap .news-wrap .news-con {

  margin-top: 40px;

}

.content-wrap .news-wrap .news-con .nlist {

  padding: 0 10px 20px;

}

.content-wrap .news-wrap .news-con .nlist a {

  text-decoration: none;

  display: block;

  box-shadow: 0 0 12px #ccc;

}

.content-wrap .news-wrap .news-con .nlist a:hover .con {

  background: #1e80db;

}

.content-wrap .news-wrap .news-con .nlist a:hover .con .tit {

  color: #fff;

}

.content-wrap .news-wrap .news-con .nlist a:hover .con .cn {

  color: #fff;

}

.content-wrap .news-wrap .news-con .nlist a .con {

  background: #fff;

  padding: 20px;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .news-wrap .news-con .nlist a .con .tit {

  font-size: 1.4rem;

  color: #292929;

  line-height: 23px;

  height: 23px;

  overflow: hidden;

}

.content-wrap .news-wrap .news-con .nlist a .con .cn {

  margin-top: 5px;

  font-size: 1.2rem;

  color: #696969;

  line-height: 23px;

  height: 46px;

  overflow: hidden;

}

.content-wrap .news-wrap .news-con .morebtn {

  margin-top: 30px;

  text-align: center;

}

.content-wrap .news-wrap .news-con .morebtn a {

  text-decoration: none;

  display: block;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .news-wrap .news-con .morebtn a:hover {

  opacity: .5;

}

.content-wrap .contentbox {

  margin-top: 20px;

}

.content-wrap .contentbox .tit-line {

  text-align: center;

  margin-bottom: 20px;

}

.content-wrap .contentbox .tit-line h2 {

  font-family: "Aparajita";

  color: #383838;

  font-size: 3.2rem;

  text-transform: uppercase;

  margin: 0 0 15px;

}

.content-wrap .contentbox .tit-line h2 span {

  font-family: "微软雅黑";

  display: block;

  font-size: 2rem;

}

.content-wrap .contentbox .tit-line .line-wrap {

  width: 100%;

  height: 1px;

  background: #ccc;

}

.content-wrap .contentbox .tit-line .line-wrap .line {

  position: relative;

  top: -1px;

  height: 3px;

  background: #1981ff;

  width: 80px;

  margin: 0 auto;

}

.content-wrap .contentbox .w-ltside .mb {

  margin-bottom: 20px;

}

.content-wrap .contentbox .w-ltside .mb .tit-show .title {

  display: block;

  height: 45px;

  line-height: 45px;

  background: #1981ff;

  background-size: cover;

  overflow: hidden;

  font-family: '微软雅黑';

  font-size: 16px;

  color: #fff;

  text-indent: 1em;

  cursor: pointer;

}

.content-wrap .contentbox .w-ltside .mb .tit-show .title .arrow {

  float: right;

  margin-right: 15px;

}

.content-wrap .contentbox .w-ltside .mb .tit-show .title .icon {

  margin-right: 10px;

}

.content-wrap .contentbox .w-ltside .show-hide {

  display: none;

  overflow: hidden;

  width: 100%;

}

.content-wrap .contentbox .w-ltside .show-hide .div2 {

  display: block;

  height: 35px;

  line-height: 35px;

  cursor: pointer;

  background: #eee;

  color: #707070;

  font-size: 14px;

  text-align: center;

  border-bottom: 1px solid #fff;

}

.content-wrap .contentbox .w-ltside .show-hide .div2 a {

  display: block;

  color: #707070;

  text-decoration: none;

}

.content-wrap .contentbox .w-ltside .show-hide .div2:hover a {

  background: #1981ff;

  color: #fff;

}

.content-wrap .contentbox .w-ltside .show-hide .div3 {

  display: none;

}

.content-wrap .contentbox .w-ltside .show-hide .div3 ul {

  margin: 0;

  padding: 0;

}

.content-wrap .contentbox .w-ltside .show-hide .div3 ul li {

  display: block;

  height: 34px;

  line-height: 34px;

  list-style: none;

  text-align: center;

  background: #fff;

  overflow: hidden;

  border-bottom: 1px solid #eee;

}

.content-wrap .contentbox .w-ltside .show-hide .div3 ul li a {

  text-decoration: none;

  display: block;

  overflow: hidden;

  color: #666;

}

.content-wrap .contentbox .w-ltside .show-hide .div3 ul li a:hover {

  color: #1981ff;

}

.content-wrap .contentbox .ltside {

  margin-bottom: 20px;

}

.content-wrap .contentbox .ltside .linkbox .title-arrow {

  border: 5px solid #d7d7d7;

  background: #1981ff;

  color: #fff;

  padding: 35px 15px;

}

.content-wrap .contentbox .ltside .linkbox .title-arrow .tit {

  font-size: 2.4rem;

  font-weight: bold;

}

.content-wrap .contentbox .ltside .linkbox .title-arrow .tit span {

  margin-top: 3px;

  font-family: "Arial";

  font-size: 1.4rem;

  display: block;

  font-weight: normal;

  color: #dfdfdf;

  text-transform: uppercase;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap {

  margin-top: 5px;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list {

  background: #fff;

  display: block;

  height: 45px;

  text-align: left;

  color: #2f2f2f;

  line-height: 35px;

  font-size: 1.4rem;

  text-decoration: none;

  margin-bottom: 1px;

  border-bottom: 1px solid #d7d7d7;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list:hover {

  background: #1981ff;

  color: #fff !important;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list.on1 {

  background: #1981ff;

  color: #fff;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list.on1 i.arrow {

  transform: rotate(90deg);

  color: #fff;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list i.arrow {

  font-style: normal;

  margin-top: 6px;

  display: inline-block;

  margin-right: 10px;

  font-size: 1.8rem;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list i.icon {

  width: 5px;

  height: 30px;

  background: #fff;

  margin-top: 7px;

  margin-right: 10px;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list span {

  margin-top: 5px;

  font-weight: bold;

  float: left;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list2 {

  margin-bottom: 5px;

  display: none;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list2 ul li a {

  display: block;

  height: 38px;

  text-align: left;

  text-indent: 1.2em;

  color: #282828;

  line-height: 38px;

  font-size: 1.4rem;

  text-decoration: none;

  background: #e4e4e4;

  border-bottom: 1px solid #fff;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list2 ul li a:hover {

  color: #1981ff;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list2 ul li a:hover i {

  opacity: 1;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list2 ul li a i {

  margin-top: 10px;

  width: 2px;

  height: 15px;

  float: left;

  display: inline-block;

  background: #1981ff;

  opacity: 0;

}

.content-wrap .contentbox .ltside .linkbox .link-wrap .list2 ul li a span {

  margin-right: 10px;

}

.content-wrap .contentbox .ltside .contactbox {

  margin-top: 15px;

}

.content-wrap .contentbox .ltside .contactbox .title-arrow .title {

  margin: 0;

  font-size: 2.4rem;

  color: #1163bd;

}

.content-wrap .contentbox .ltside .contactbox .con {

  margin-top: 15px;

  border: 1px solid #ccc;

  padding: 20px 15px;

}

.content-wrap .contentbox .ltside .contactbox .con .ctit {

  font-size: 1.6rem;

  color: #333;

  font-weight: bold;

  margin-bottom: 10px;

}

.content-wrap .contentbox .ltside .contactbox .con .clist {

  margin-bottom: 5px;

}

.content-wrap .contentbox .ltside .contactbox .con .clist i {

  float: left;

  margin-right: 10px;

  width: 12px;

}

.content-wrap .contentbox .ltside .contactbox .con .clist p {

  word-wrap: break-word;

  width: 136px;

  float: left;

  color: #333;

  font-size: 1.5rem;

  margin-bottom: 0;

}

.content-wrap .contentbox .ltside .contactbox .con .clist p span {

  display: block;

  color: #333;

}

.content-wrap .contentbox .ltside .contactbox .con .clist p span.ptxt {

  color: #034e88;

}

.content-wrap .contentbox .ltside .contactbox .con .zxbtn {

  border-top: 1px solid #ccc;

  padding-top: 10px;

}

.content-wrap .contentbox .ltside .contactbox .con .zxbtn a {

  width: 100%;

  height: 35px;

  background: #404040;

  color: #fff;

  display: block;

  line-height: 35px;

  text-decoration: none;

  text-align: center;

}

.content-wrap .contentbox .ltside .contactbox .con .zxbtn a:hover {

  background: #1981ff;

}

.content-wrap .contentbox .main-wrap {

  padding-bottom: 30px;

}

.content-wrap .contentbox .main-wrap .title-posit {

  margin-bottom: 15px;

}

.content-wrap .contentbox .main-wrap .title-posit .tp .title {

  color: #c8c8c8;

  font-size: 3rem;

  font-family: "Impact";

  text-transform: uppercase;

}

.content-wrap .contentbox .main-wrap .title-posit .tp .title span {

  font-family: "微软雅黑";

  margin-left: 8px;

  display: inline-block;

  font-size: 1.8rem;

  font-weight: bold;

}

.content-wrap .contentbox .main-wrap .title-posit .tp .posit {

  margin-top: 20px;

  color: #595959;

  font-size: 1.2rem;

}

.content-wrap .contentbox .main-wrap .title-posit .tp .posit a {

  color: #595959;

}

.content-wrap .contentbox .main-wrap .title-posit .line {

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  height: 3px;

}

.content-wrap .contentbox .main-wrap .about-con {

  margin-bottom: 20px;

}

.content-wrap .contentbox .main-wrap .about-con .con {

  font-size: 1.4rem;

  color: #0d0d0d;

  line-height: 30px;

  margin-bottom: 0;

}

.content-wrap .contentbox .main-wrap .about-con .con p {

  margin-bottom: 5px;

}

.content-wrap .contentbox .main-wrap .about-con .con img {

  width: 100%;

}

.content-wrap .contentbox .main-wrap .news-con .nlist {

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #ccc;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a {

  display: block;

  text-decoration: none;

  color: #080909;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .contentbox .main-wrap .news-con .nlist a:hover {

  color: #1163bd;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a:hover .picbox {

  opacity: .5;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a .picbox {

  width: 15%;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .contentbox .main-wrap .news-con .nlist a .con {

  width: 83%;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a .con .tit {

  margin-top: 10px;

  font-size: 1.4rem;

  line-height: 18px;

  height: 18px;

  overflow: hidden;

  margin-bottom: 5px;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a .con .tit i {

  margin-right: 5px;

}

.content-wrap .contentbox .main-wrap .news-con .nlist a .con .cn {

  font-size: 1.2rem;

  color: #6f6f6f;

  line-height: 20px;

  height: 40px;

  overflow: hidden;

}

.content-wrap .contentbox .main-wrap .product-con .plist {

  padding: 0 10px 20px;

}

.content-wrap .contentbox .main-wrap .product-con .plist a {

  text-decoration: none;

  display: block;

}

.content-wrap .contentbox .main-wrap .product-con .plist a:hover .picbox .showcn {

  top: 0;

}

.content-wrap .contentbox .main-wrap .product-con .plist a .picbox {

  border: 1px solid #ccc;

  background: #fff;

  overflow: hidden;

  position: relative;

}

.content-wrap .contentbox .main-wrap .product-con .plist a .picbox .showcn {

  position: absolute;

  top: 800px;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../images/product-fdj.png) no-repeat center center;

  color: #fff;

  padding: 0 10px;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .contentbox .main-wrap .product-con .plist a .picbox .showcn .stit {

  margin-top: 29%;

  font-size: 1.8rem;

  font-weight: bold;

  line-height: 20px;

  height: 20px;

  overflow: hidden;

  text-align: center;

}

.content-wrap .contentbox .main-wrap .product-con .plist a .btit {

  text-align: center;

  font-size: 1.4rem;

  color: #292929;

  margin-top: 10px;

  line-height: 18px;

  height: 18px;

  overflow: hidden;

}

.content-wrap .contentbox .main-wrap .case-con .clist {

  padding: 0 10px 20px;

}

.content-wrap .contentbox .main-wrap .case-con .clist a {

  text-decoration: none;

  display: block;

}

.content-wrap .contentbox .main-wrap .case-con .clist a:hover .picbox .showcn {

  top: 0;

}

.content-wrap .contentbox .main-wrap .case-con .clist a .picbox {

  border: 1px solid #ccc;

  background: #fff;

  overflow: hidden;

  position: relative;

}

.content-wrap .contentbox .main-wrap .case-con .clist a .picbox .showcn {

  position: absolute;

  top: 800px;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(../images/product-fdj.png) no-repeat center center;

  color: #fff;

  padding: 0 10px;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .contentbox .main-wrap .case-con .clist a .picbox .showcn .stit {

  margin-top: 25%;

  font-size: 1.8rem;

  font-weight: bold;

  line-height: 20px;

  height: 20px;

  overflow: hidden;

  text-align: center;

}

.content-wrap .contentbox .main-wrap .case-con .clist a .btit {

  text-align: center;

  font-size: 1.4rem;

  color: #292929;

  margin-top: 10px;

  line-height: 18px;

  height: 18px;

  overflow: hidden;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist {

  margin-bottom: 10px;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist label {

  font-weight: normal;

  font-size: 1.4rem;

  width: 22%;

  float: left;

  height: 30px;

  line-height: 30px;

  color: #696969;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox1 {

  float: right;

  width: 77%;

  border: 1px solid #ccc;

  line-height: 30px;

  height: 30px;

  padding: 5px;

  font-size: 1.4rem;

  color: #696969;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox2 {

  float: right;

  width: 77%;

  border: 1px solid #ccc;

  line-height: 30px;

  height: 130px;

  padding: 5px;

  font-size: 1.4rem;

  color: #696969;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .sbtn {

  margin-top: 10px;

  width: 100px;

  height: 30px;

  color: #292929;

  border: none;

  background: #d1d1d1;

  font-size: 1.4rem;

  margin-right: 5px;

  transition: all 0.3s ease 0s;

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

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

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

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .sbtn:hover {

  background: #478425;

  color: #fff;

}

.content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .sbtn.submitbtn {

  margin-left: 23%;

}

.content-wrap .contentbox .main-wrap .messages-con .picbox {

  padding-left: 20px;

}

.content-wrap .contentbox .main-wrap .messages-con .picbox .pbox {

  border: 1px solid #ccc;

  padding: 5px;

}

.content-wrap .contentbox .main-wrap .contact-con .mappic {

  margin-top: 20px;

  border: 1px solid #ccc;

  padding: 5px;

}

.content-wrap .contentbox .main-wrap .contact-con .mappic img {

  width: 100%;

}

.content-wrap .contentbox .main-wrap .contact-con .ccon .tit {

  font-size: 1.8rem;

  margin-bottom: 5px;

}

.content-wrap .contentbox .main-wrap .contact-con .ccon .cn {

  font-size: 1.2rem;

  color: #696969;

  line-height: 25px;

}

.content-wrap .contentbox .main-wrap .news-details-con .tit {

  text-align: center;

  margin-bottom: 15px;

}

.content-wrap .contentbox .main-wrap .news-details-con .tit span {

  font-size: 2.4rem;

  border-bottom: 1px solid #0196dc;

  padding-bottom: 5px;

  color: #292929;

}

.content-wrap .contentbox .main-wrap .news-details-con .pic {

  margin: 10px 0;

  text-align: center;

}

.content-wrap .contentbox .main-wrap .news-details-con .pic img {

  max-width: 100%;

}

.content-wrap .contentbox .main-wrap .news-details-con .con p {

  text-indent: 2em;

  color: #636363;

  font-size: 1.4rem;

  margin-bottom: 0;

  line-height: 28px;

}

.content-wrap .contentbox .main-wrap .product-details-con .picbox {

  margin-bottom: 20px;

  text-align: center;

}

.content-wrap .contentbox .main-wrap .product-details-con .picbox img {

  border: 1px solid #ccc;

  max-width: 100%;

}

.content-wrap .contentbox .main-wrap .product-details-con .dcon .tit {

  font-size: 1.8rem;

  font-weight: bold;

  color: #2d2d2d;

  border-bottom: 1px solid #ccc;

  padding-bottom: 10px;

  margin-bottom: 10px;

}

.content-wrap .contentbox .main-wrap .product-details-con .dcon .cn {

  font-size: 1.4rem;

  color: #636363;

  line-height: 30px;

}

.footer-wrap .contact-wrap {

  background: #35383d;

  border-bottom: 1px solid #4d4d4d;

}

.footer-wrap .contact-wrap .c-aboutcn {

  margin-bottom: 30px;

}

.footer-wrap .contact-wrap .c-aboutcn .ctxt {

  margin-top: 50px;

}

.footer-wrap .contact-wrap .c-aboutcn .ctxt img {

  max-width: 100%;

}

.footer-wrap .contact-wrap .c-aboutcn .con {

  margin-top: 30px;

}

.footer-wrap .contact-wrap .c-aboutcn .con p {

  color: #bfbfbf;

  font-size: 1.2rem;

  width: 87%;

  line-height: 28px;

}

.footer-wrap .contact-wrap .c-aboutcn .con .cpic {

  margin-top: 30px;

}

.footer-wrap .contact-wrap .c-aboutcn .con .cpic i {

  float: left;

  margin-right: 10px;

}

.footer-wrap .contact-wrap .c-aboutcn .con .cpic span {

  float: left;

  color: #fff;

  font-size: 1.2rem;

  line-height: 22px;

  letter-spacing: 2px;

}

.footer-wrap .contact-wrap .c-link-ul {

  height: 338px;

  border-left: 1px solid #4d4d4d;

  border-right: 1px solid #4d4d4d;

  box-sizing: border-box;

}

.footer-wrap .contact-wrap .c-link-ul h4 {

  padding: 40px 65px 30px;

  color: #fff;

  font-size: 1.8rem;

}

.footer-wrap .contact-wrap .c-link-ul .link-ul .list {

  float: left;

  text-align: center;

  display: inline-block;

  width: 52%;

  margin-bottom: 30px;

}

.footer-wrap .contact-wrap .c-link-ul .link-ul .list a {

  display: block;

  text-decoration: none;

  color: #fff;

}

.footer-wrap .contact-wrap .c-link-ul .link-ul .list a:hover {

  color: #1981ff;

}

.footer-wrap .contact-wrap .c-link-ul .link-ul .list a i {

  margin-right: 20px;

  font-style: normal;

}

.footer-wrap .contact-wrap .c-link-ul .link-ul .list a span {

  font-size: 1.4rem;

}

.footer-wrap .contact-wrap .c-contactcn {

  padding: 20px 0;

}

.footer-wrap .contact-wrap .c-contactcn h4 {

  color: #fff;

  font-size: 1.8rem;

}

.footer-wrap .contact-wrap .c-contactcn .wtitle {

  margin-bottom: 20px;

}

.footer-wrap .contact-wrap .c-contactcn .pic {

  margin-bottom: 20px;

}

.footer-wrap .contact-wrap .c-contactcn .pic img {

  width: 100%;

}

.footer-wrap .contact-wrap .c-contactcn .ccon .clist {

  margin-bottom: 20px;

  line-height: 25px;

}

.footer-wrap .contact-wrap .c-contactcn .ccon .clist i {

  float: left;

  margin-right: 10px;

}

.footer-wrap .contact-wrap .c-contactcn .ccon .clist span {

  color: #fff;

  font-size: 1.4rem;

  letter-spacing: 1px;

}

.footer-wrap .contact-wrap .c-contactcn .ccon .clist span.yellow {

  color: #10de90;

}

.footer-wrap .footer {

  background: #35383d;

  padding: 15px 0;

}

.footer-wrap .footer .copyright {

  text-align: center;

  color: #8d8d8d;

  font-size: 1.2rem;

  text-transform: uppercase;

}

.hot-wrap {

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 75px;

  background: #1981ff;

  z-index: 999;

}

.hot-wrap .list {

  height: 75px;

  width: 25%;

  float: left;

  display: block;

}

.hot-wrap .list:hover {

  background: #1669cd;

}

.hot-wrap .list a {

  text-decoration: none;

  display: block;

  text-align: center;

}

.hot-wrap .list a i {

  display: block;

  padding-bottom: .2em;

  padding-top: .5em;

}

.hot-wrap .list a span {

  font-size: 1rem;

  color: #fff;

}

@media (min-width: 992px) {

  .col-md-13 {

    width: 20%;

    float: left;

  }

  .header-wrap .header {

    height: 100px;

  }

  .header-wrap .header .logo {

    line-height: 100px;

  }

  .content-wrap .about-wrap .about-con .con {

    padding-left: 35px;

  }

  .content-wrap .advantage-wrap .advantage-con .alist {

    width: 440px;

  }

  .content-wrap .advantage-wrap .advantage-con div:nth-child(2n+2) .alist {

    float: right;

  }

  .content-wrap .advantage-wrap .advantage-con div:first-child {

    margin-bottom: 30px;

  }

  .content-wrap .advantage-wrap .advantage-con div:nth-child(2) {

    margin-bottom: 30px;

  }

  .content-wrap .contentbox .main-wrap {

    padding-left: 20px;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist label {

    width: 13%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox1 {

    width: 86%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox2 {

    width: 86%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .sbtn.submitbtn {

    margin-left: 14%;

  }

  .footer-wrap .contact-wrap .c-contactcn {

    padding: 40px 65px 20px;

  }

  .footer-wrap .contact-wrap .c-contactcn h4 {

    margin-bottom: 30px;

  }

  .footer-wrap .contact-wrap .c-contactcn .ccon .clist {

    margin-bottom: 35px;

  }

  .footer-wrap .footer .copyright .clt {

    margin-top: 10px;

    float: left;

  }

}

@media (max-width: 990px) {

  .container1 {

    padding-left: .5em;

    padding-right: .5em;

  }

  .footer-wrap {

    margin-bottom: 75px;

  }

}

@media (max-width: 480px) {

  .logo img {

    max-width: 60%;

  }

  .content-wrap .contentbox .main-wrap .news-con .nlist a .picbox {

    width: 50%;

  }

  .content-wrap .contentbox .main-wrap .news-con .nlist a .con {

    width: 48%;

  }

}

@media (max-width: 375px) {

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist label {

    width: 28%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox1 {

    width: 71%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .textbox2 {

    width: 71%;

  }

  .content-wrap .contentbox .main-wrap .messages-con .mbox .inputlist .sbtn.submitbtn {

    margin-left: 28%;

  }

}



#hotNews { background-color:rgba(255,255,255,0.5); bottom:40px; left:50%;height:40px; margin-left:-550px;overflow:hidden;position: absolute;width: 1100px;}

#hotNews .hotNewsTitle { background:url("../images/ico_notice.png") no-repeat 10px center scroll #ff8400;color:#fff; float:left; font-size:15px; height:40px; line-height:40px; padding-left:45px; width:120px;}

#hotNews .LeftBotton {background:url("../images/ico_btn.png") no-repeat scroll 0 0;cursor: pointer;height:25px;position: absolute;right:40px;top:8px;width:25px;}

#hotNews .LeftBotton:hover { background-position:0 -30px;}

#hotNews .RightBotton {background:url("../images/ico_btn.png") no-repeat scroll -30px 0;cursor: pointer;height:25px;position: absolute;right: 10px;top:8px;width:25px;}

#hotNews .RightBotton:hover { background-position:-30px -30px;}

#hotNews .notice .Cont {margin-left:10px;overflow: hidden;width:900px;}

.hotnewslist {float: left;height: 40px;overflow: hidden;width:900px;}

.hotnewslist a {color: #333;float: left;font-size: 12px;line-height: 40px;text-indent:10px;text-decoration:none;width: 500px;}

.hotnewslist a:hover {color:#ff8400;}

.hotnewslist span {color: #000;font-size:12px;line-height:40px; width: 70px;margin-left:300px;}

 
 
.banner{ height: 600px; display: block; position: relative; margin-top: -3px; z-index: 1;}

 
 



#aboutWrap { background-color:#fff; display:block; overflow:hidden; padding:30px 0 0; width:100%;}

#aboutWrap .bd { overflow:hidden; margin:30px auto 50px;width:1200px;}

#aboutWrap .bd .img { display:block; float:left; overflow:hidden; width:550px;}

#aboutWrap .bd .img img {transition:all 1s ease 0s;}

#aboutWrap .bd:hover .img img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}

#aboutWrap .bd .aboutContent {color:#666; font-size:13px;display:block; line-height:28px;overflow:hidden; width:600px;}

#aboutWrap .bd a.more { background-color:#2091d9;color:#fff; font-size:13px; margin-top:20px;padding:5px 40px;}

#aboutWrap .bd a.more:hover { background-color:#ff8400;}


.ad_1 {background:no-repeat center 0 url('../images/bg_ad_1.jpg');position:relative;height:270px;overflow:hidden;-webkit-transition:height 0.2s ease-in 0s;-moz-transition:height 0.2s ease-in 0s;-ms-transition: height 0.1s ease-in 0s;-o-transition: height 0.2s ease-in 0s; background-attachment:fixed;}

.ad_1Text {font-size:80px;color:#fff;text-align:center;font-weight:bold;line-height:270px;height:100%;width:100%;background-image:url('../images/line_01.png');background-repeat: no-repeat;background-position:center center;}



.ad_11 {background:no-repeat center 0 url('../images/bg_ad_11.jpg');position:relative;height:270px;overflow:hidden;-webkit-transition:height 0.2s ease-in 0s;-moz-transition:height 0.2s ease-in 0s;-ms-transition: height 0.1s ease-in 0s;-o-transition: height 0.2s ease-in 0s; background-attachment:fixed;}

.ad_1Text1 {font-size:80px;color:#fff;text-align:center;font-weight:bold;line-height:270px;height:100%;width:100%;background-image:url('../images/line_01.png');background-repeat: no-repeat;background-position:center center;}


/***网站底部***/

#footer { background:url('../images/ico-png.png') no-repeat center -70px scroll #2091d9;display:block;padding:0;width:100%; }

.footerCont {display:block; margin:0 auto;overflow:hidden;padding:0px 0;width:1200px; padding:50px 0;}

.flogo {display:block; padding:50px 60px 0 0; float:left;}

.fNav {border-right:1px solid #fff;border-left:1px solid #fff;color:#fff; display:block; float:left; overflow:hidden;width:600px; }

.fNav ul { display:block; float:left;}

.fNav li { display:block; float:left; height:50px;}

.fNav li a {color:#fff; font-size:14px; line-height:50px; padding:0 20px;}

.fNav li a:hover, .fNav p a:hover { text-decoration:underline;}

.fNav p { display:block; float:left; font-size:13px; margin:10px 0 0 20px;}

.fNav p a {color:#fff;}

.qrCode {padding:10px 15px 0; float:right; margin-right:150px;}

.qrCode img { background-color:#fff; float:left;padding:5px;}

.qrCode p {color:#fff; float:right; font-size:14px; padding:25px 0 0 20px;}

.cprCont { background-color:#041827; display:block; height:50px; line-height:50px; width:100%;}

.copyRight {color:#ababab; display:block; overflow:hidden;line-height:50px; height:50px; margin:0 auto; text-align:center;width:1100px;}

.copyRight .infoCont { display:block; overflow:hidden; margin:0 auto; width:1100px;}

.copyRight a {color:#ababab; text-decoration:none;}

.copyRight a:hover { color:#fff;text-decoration: underline;}

.toolbar-item,.toolbar-layer{background:url('../images/toolbar.png') no-repeat;}

.toolbar{position:fixed;right:0px;bottom:100px; z-index:999;}

.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}

.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}

.toolbar-item-qq{background-position:0 -372px;}

.toolbar-item-qq:hover{background-position:0 -434px;}

.toolbar-item-qq .toolbar-layer{height:212px;background-position:0 0;}

.toolbar-item-feedback{background-position:0 0px;}

.toolbar-item-feedback:hover{background-position:0 -62px;}

.toolbar-item-top{background-position:0 -248px;}

.toolbar-item-top:hover{background-position:0 -310px;}

.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);

transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);

-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}



	.con_box{ width:1200px; height:auto; margin:0 auto 40px auto;}

		    .con_tit{width:704px; height:48px; margin:0px 198px 20px 198px;}

				.project{ width:1200px; height:auto; margin:0 auto;}

				    #demo,#demos {width:1200px;margin:0; padding:0px 0px 0px 0px; overflow:hidden;}

						#indemo {float:left;width:9000%;}

						#demo1 {float:left;}

						#demo2 {float:left;}

						#demo ul{ width:1200px; height:500px;float:left;}

						#demo ul li{ width:285px; height:226px;float:left;display:block;margin:12px 5px 12px 5px;}

						#demo ul li:hover{background:#fbba2f; color:#fff !important; cursor:pointer;}

						#demo ul li .pro_img{width:285px; height:226px;display:block;}

						#demo ul li .pro_name{width:285px; height:40px; line-height:40px; text-align:center;font-family:"微软雅黑"; font-size:14px; overflow:hidden; float:left; border-top:1px solid #fff;}





	.products{width:1200px; height:auto;margin:30px auto 0px auto;}

				.lanmu_tit{ width:100%; height:24px; float:left;}

				    .lanmu_tit_name{ width:200px; height:20px; float:left; margin-top:2px;}

					.lanmu_tit_more{ width:54px; height:24px; float:right; background:url(../images/more_bg.png) center right no-repeat; line-height:24px;font-family:"微软雅黑"; color:#fff; text-align:center;}

					    .lanmu_tit_more a:link,.lanmu_tit_more a:visited{color:#fff;}

						.lanmu_tit_more a:hover{color:#333;}

				.lanmu_con{ width:100%; height:auto; float:left; margin-top:60px;}

					.lanmu_tit .but_pro{ width:auto; float:right; height:16px;cursor:pointer; margin-top:0px; }

						.rollBox{width:1200px;overflow:hidden;margin:0 auto;}

						.rollBox .Cont{width:1200px;overflow:hidden;margin:0 auto;}

						.rollBox .ScrCont{width:10000000px;}

						.rollBox .Cont .pic{width:250px; height:221px;float:left;display:block;margin:0px 25px 0px 5px; background:#f3f3f3;}

						.rollBox .Cont .pic:hover{color:#fff !important; cursor:pointer;background:#ff9000;}

						.rollBox .Cont .pic img{padding:0px;display:block;margin:0 auto;}

						.rollBox .Cont .pic .pro_img{width:250px; height:180px;display:block;}

						.rollBox .Cont .pic .pro_name{width:250px; height:40px; line-height:40px; text-align:center;font-family:"微软雅黑"; font-size:14px; overflow:hidden; float:left; border-top:1px solid #fff;}

						.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}

						.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}

						.rollBox #List1,.rollBox #List2{float:left;}	




#pro_index{ height: 55px; width:1200px;margin:0 auto;text-align:center;padding-left:300px; padding-top:10px; padding-bottom:30px;}


#pro_index li{ float: left; width: 150px; height: 35px; text-align: center; background: #2090d8; line-height: 35px; margin: 20px 10px 0; transition:0.3s all 0s linear;}


#pro_index li:hover{ background: #ffab00;}


#pro_index li a{ color: #fff;}


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



/*分页=============================================================*/
.prorig-con{margin-left:300px;}
.prorig-con ul{margin:auto;}
.prorig-con ul li{color:#fff;float:left;padding:5px 12px;margin:30px 5px 5px;border-radius:5px;background:#08d2d2;line-height:20px;}
.prorig-con ul li a{color:#fff;font-size:15px;line-height:20px;}
.prorig-con ul li.current{float:left;color:#fff;font-size:15px;padding:5px 12px;margin:30px 5px 5px;border-radius:5px;background:#096b72;line-height:20px;}