/*全局样式*/
.container {
  width: 1000px;
  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;
}
/*header*/
.header-wrap .header {
  width: 100%;
  height: 80px;
  background: #fff;
  position: relative;
}
.header-wrap .header .logo {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -98px;
  z-index: 2;
  background: #fff;
  width: 196px;
  height: 196px;
  border-radius: 100px;
  text-align: center;
}
.header-wrap .header .logo img {
  margin-top: 50px;
}
.header-wrap .header .nav-ul .navlist {
  float: left;
  position: relative;
  margin: 0 5px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 2px solid #fff;
  height: 30px;
  margin-top: 20px;
  line-height: 25px;
  transition: ease .5s;
  -moz-transition: ease .5s;
  -webkit-transition: ease .5s;
  -o-transition: ease .5s;
}
.header-wrap .header .nav-ul .navlist:hover {
  border: 2px solid #4ab0e5;
  border-radius: 10px;
  height: 30px;
  line-height: 25px;
}
.header-wrap .header .nav-ul .navlist a {
  text-decoration: none;
  font-weight:bold;
  color: #000;
  font-family: "微软雅黑";
  font-size: 1.6rem;
  padding: 0 12px;
}
.header-wrap .header .nav-ul .navlist .list2-ul {
  position: absolute;
  top: 28px;
  z-index: 10;
  display: none;
}
.header-wrap .header .nav-ul .navlist .list2-ul a.list {
  display: block;
  line-height: 25px;
  color: #666;
  border-bottom: 1px dashed #ccc;
  line-height: 40px;
  background: #fff;
}
.header-wrap .header .nav-ul .navlist .list2-ul a.list:hover {
  color: #e60a11;
}
.header-wrap .w-header {
  height: 6rem;
  position: relative;
}
.header-wrap .w-header .w-logo {
  line-height: 6rem;
}
.header-wrap .w-header .menu {
  float: right;
  padding-top: 1.5em;
}
.header-wrap .w-header .menu img {
  width: 80%;
}
.header-wrap .w-header .menulist {
  position: absolute;
  top: 6rem;
  right: -7px;
  width: 100px;
  display: none;
  z-index: 10;
}
.header-wrap .w-header .menulist a {
  background: rgba(0, 0, 0, 0.7);
  font-size: 1.4rem;
  font-family: "微软雅黑";
  text-decoration: none;
  color: #fff;
  display: block;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin-bottom: .2em;
}
/*banner*/
.banner-wrap .banner {
  background: #fff;
}
.banner-wrap .banner .focusBox {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
}
.banner-wrap .banner .focusBox .pic img {
  width: 100%;
  height: 480px;
  display: block;
}
.banner-wrap .banner .focusBox .hd {
  overflow: hidden;
  zoom: 1;
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 3;
}
.banner-wrap .banner .focusBox .hd li {
  float: left;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  width: 30px;
  height: 10px;
  cursor: pointer;
  overflow: hidden;
  background: #fff;
  margin-left: 4px;
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease;
}
.banner-wrap .banner .focusBox .hd .on {
  background: #1264b0;
}
.banner-wrap .banner .focusBox .prev {
  width: 45px!important;
  height: 99px!important;
  position: absolute;
  top: 185px;
  z-index: 3;
  filter: alpha(opacity=20);
  -moz-opacity: .2;
  opacity: .2;
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease;
  background: url(../images/index.png) -112px 0 no-repeat;
  left: 0;
}
.banner-wrap .banner .focusBox .prev:hover {
  filter: alpha(opacity=60);
  -moz-opacity: .6;
  opacity: .6;
}
.banner-wrap .banner .focusBox .next {
  width: 45px!important;
  height: 99px!important;
  position: absolute;
  top: 185px;
  z-index: 3;
  filter: alpha(opacity=20);
  -moz-opacity: .2;
  opacity: .2;
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease;
  background: url(../images/index.png) -158px 0 no-repeat;
  right: 0;
}
.banner-wrap .banner .focusBox .next:hover {
  filter: alpha(opacity=60);
  -moz-opacity: .6;
  opacity: .6;
}
.banner-wrap .banner .swiper-wrapper .swiper-slide img {
  width: 100%;
}
/*content*/
.content-wrap .case-wrap h2.title {
  font-size: 2.4rem;
  font-family: "Arial";
  text-align: center;
  color: #0097db;
  font-weight: bold;
  text-transform: uppercase;
}
.content-wrap .case-wrap h2.title span {
  font-family: "微软雅黑";
  font-size: 2rem;
  font-weight: normal;
}
.content-wrap .case-wrap .case-con {
  margin-top: 30px;
}
.content-wrap .case-wrap .case-con .ltside {
  width: 240px;
  background: #e60a11;
  padding: 20px;
}
.content-wrap .case-wrap .case-con .ltside h3.title {
  font-size: 2rem;
  font-family: "微软雅黑";
  color: #fff;
  text-align: center;
  margin: 10px 0 15px 0;
}
.content-wrap .case-wrap .case-con .ltside h3.title span {
  display: block;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-top: 10px;
}
.content-wrap .case-wrap .case-con .ltside .listbox {
  background: #fff;
}
.content-wrap .case-wrap .case-con .ltside .listbox a.list {
  display: block;
  text-decoration: none;
  border-bottom: 2px dashed #ccc;
  line-height: 40px;
  font-size: 1.4rem;
  color: #333;
  font-family: "微软雅黑";
  text-indent: 1.5rem;
  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 .ltside .listbox a.list:hover {
  background: #e6e6e6;
}
.content-wrap .case-wrap .case-con .ltside .listbox a.list i {
  display: inline-block;
  float: right;
  margin-right: 20px;
}
.content-wrap .case-wrap .case-con .search-showpic {
  width: 750px;
}
.content-wrap .case-wrap .case-con .search-showpic .searchbox {
  display: block;
}
.content-wrap .case-wrap .case-con .search-showpic .searchbox .search {
  float: right;
  margin-right: 30px;
}
.content-wrap .case-wrap .case-con .search-showpic .searchbox .search .searchtext {
  border: 1px solid #e60a11;
  width: 370px;
  height: 35px;
  padding: 3px 10px;
  font-size: 1.4rem;
  font-family: "微软雅黑";
  float: left;
}
.content-wrap .case-wrap .case-con .search-showpic .searchbox .search .sbtn {
  float: left;
  border: none;
  width: 70px;
  height: 35px;
  background: #e60a11 url(../images/case-search-icon.png) no-repeat center center;
  display: block;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox {
  margin-top: 20px;
  width: 94%;
  float: right;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs {
  width: 100%;
  padding: 10px 10px;
  position: relative;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs .prev1 {
  background: url(../images/case-arrow.png) no-repeat top left;
  width: 15px;
  height: 21px;
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -10.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;
  z-index: 10;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs .prev1:hover {
  background-position: top right;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs .next1 {
  background: url(../images/case-arrow.png) no-repeat bottom right;
  width: 15px;
  height: 21px;
  position: absolute;
  right: -30px;
  top: 50%;
  margin-top: -10.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;
  z-index: 10;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs .next1:hover {
  background-position: bottom left;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs .slide {
  width: 100%;
  overflow: hidden;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs .slide ul {
  overflow: hidden;
  zoom: 1;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs .slide ul li {
  width: 213px;
  margin: 0 5px 10px 5px;
  display: inline;
  float: left;
  line-height: 20px;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs .slide ul li a {
  text-decoration: none;
  display: block;
  border: 1px solid #dcdcdc;
  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 .search-showpic .showpicbox .cs .slide ul li a:hover {
  border-color: #e60a11;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs .slide ul li a:hover span {
  background: #e60a11;
  color: #fff;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs .slide ul li a img {
  display: block;
  width: 100%;
  height: 149px;
}
.content-wrap .case-wrap .case-con .search-showpic .showpicbox .cs .slide ul li a span {
  display: block;
  background: #fff;
  zoom: 1;
  height: 30px;
  width: 100%;
  text-align: center;
  line-height: 30px;
  color: #0097db;
  font-family: "微软雅黑";
  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;
}
.content-wrap .case-wrap .w-case-con {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-wrap .case-wrap .w-case-con .clist {
  padding: 0 5px 10px 5px;
}
.content-wrap .case-wrap .w-case-con .clist a {
  text-decoration: none;
  display: block;
  border: 1px solid #dcdcdc;
  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 .w-case-con .clist a:hover {
  border-color: #e60a11;
}
.content-wrap .case-wrap .w-case-con .clist a:hover span {
  background: #e60a11;
  color: #fff;
}
.content-wrap .case-wrap .w-case-con .clist a img {
  display: block;
  width: 100%;
  height: 130px;
}
.content-wrap .case-wrap .w-case-con .clist a span {
  display: block;
  background: #fff;
  zoom: 1;
  height: 30px;
  width: 100%;
  text-align: center;
  line-height: 30px;
  color: #0097db;
  font-family: "微软雅黑";
  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;
}
.content-wrap .device-wrap {
  background: #e6e6e6;
}
.content-wrap .device-wrap h2.title {
  font-size: 2.4rem;
  font-family: "Arial";
  text-align: center;
  color: #0097db;
  font-weight: bold;
  text-transform: uppercase;
}
.content-wrap .device-wrap h2.title span {
  font-family: "微软雅黑";
  font-size: 2rem;
  font-weight: normal;
}
.content-wrap .device-wrap .device-con {
  margin-top: 20px;
}
.content-wrap .device-wrap .device-con .cs {
  width: 100%;
  padding: 10px 10px;
  position: relative;
}
.content-wrap .device-wrap .device-con .cs .prev2 {
  background: url(../images/device-arrow.png) no-repeat top left;
  width: 40px;
  height: 80px;
  position: absolute;
  left: -75px;
  top: 50%;
  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;
  z-index: 10;
}
.content-wrap .device-wrap .device-con .cs .prev2:hover {
  background-position: top right;
}
.content-wrap .device-wrap .device-con .cs .next2 {
  background: url(../images/device-arrow.png) no-repeat bottom left;
  width: 40px;
  height: 80px;
  position: absolute;
  right: -75px;
  top: 50%;
  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;
  z-index: 10;
}
.content-wrap .device-wrap .device-con .cs .next2:hover {
  background-position: bottom right;
}
.content-wrap .device-wrap .device-con .cs .slide {
  width: 100%;
  overflow: hidden;
}
.content-wrap .device-wrap .device-con .cs .slide ul {
  overflow: hidden;
  zoom: 1;
}
.content-wrap .device-wrap .device-con .cs .slide ul li {
  width: 213px;
  margin: 0 16px 10px 16px;
  display: inline;
  float: left;
  line-height: 20px;
}
.content-wrap .device-wrap .device-con .cs .slide ul li a {
  text-decoration: none;
  display: block;
  border: 1px solid #dcdcdc;
  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 .device-wrap .device-con .cs .slide ul li a:hover {
  border-color: #e60a11;
}
.content-wrap .device-wrap .device-con .cs .slide ul li a img {
  display: block;
  width: 100%;
  height: 149px;
}
.content-wrap .device-wrap .w-device-con {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-wrap .device-wrap .w-device-con .dlist {
  padding: 0 5px 10px 5px;
}
.content-wrap .device-wrap .w-device-con .dlist a {
  text-decoration: none;
  display: block;
  border: 1px solid #dcdcdc;
  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 .device-wrap .w-device-con .dlist a:hover {
  border-color: #e60a11;
}
.content-wrap .device-wrap .w-device-con .dlist a:hover span {
  background: #e60a11;
  color: #fff;
}
.content-wrap .device-wrap .w-device-con .dlist a img {
  display: block;
  width: 100%;
  height: 130px;
}
.content-wrap .device-wrap .w-device-con .dlist a span {
  display: block;
  background: #fff;
  zoom: 1;
  height: 30px;
  width: 100%;
  text-align: center;
  line-height: 30px;
  color: #0097db;
  font-family: "微软雅黑";
  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;
}
.content-wrap .device-wrap .w-device-con .bd {
  width: 100%;
  overflow: hidden;
}
.content-wrap .device-wrap .w-device-con .bd .picList {
  width: 100%;
}
.content-wrap .device-wrap .w-device-con .bd .picList li {
  width: 50%;
  float: left;
  margin-right: 10px;
}
.content-wrap .device-wrap .w-device-con .bd .picList li a img {
  width: 100%;
}
.content-wrap .news-wrap h2.title {
  font-size: 2.4rem;
  font-family: "Arial";
  text-align: center;
  color: #0097db;
  font-weight: bold;
  text-transform: uppercase;
}
.content-wrap .news-wrap h2.title span {
  font-family: "微软雅黑";
  font-size: 2rem;
  font-weight: normal;
}
.content-wrap .news-wrap .news-con {
  margin-bottom: 20px;
}
.content-wrap .news-wrap .news-con .nlist {
  padding: 0 5px 10px 5px;
}
.content-wrap .news-wrap .news-con .nlist a {
  display: block;
}
.content-wrap .news-wrap .news-con .nlist a:hover .textbox {
  background: #e60a11;
}
.content-wrap .news-wrap .news-con .nlist a:hover .textbox h4 {
  color: #fff;
}
.content-wrap .news-wrap .news-con .nlist a:hover .textbox p.cn {
  color: #fff;
}
.content-wrap .news-wrap .news-con .nlist a .pic {
  float: left;
  width: 25%;
}
.content-wrap .news-wrap .news-con .nlist a .pic img {
  width: 100%;
  height: 110px;
}
.content-wrap .news-wrap .news-con .nlist a .textbox {
  float: left;
  width: 75%;
  background: #f2f2f2;
  height: 110px;
  padding-left: 10px;
  padding-right: 20px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.content-wrap .news-wrap .news-con .nlist a .textbox h4 {
  font-size: 1.4rem;
  color: #0097db;
  font-family: "微软雅黑";
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.content-wrap .news-wrap .news-con .nlist a .textbox p.cn {
  font-size: 1.2rem;
  font-family: "宋体";
  color: #5f5f5f;
  line-height: 22px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.content-wrap .contact-wrap {
  background: #e6e6e6;
}
.content-wrap .contact-wrap h2.title {
  font-size: 2.4rem;
  font-family: "Arial";
  text-align: center;
  color: #0097db;
  font-weight: bold;
  text-transform: uppercase;
}
.content-wrap .contact-wrap h2.title span {
  font-family: "微软雅黑";
  font-size: 2rem;
  font-weight: normal;
}
.content-wrap .contact-wrap .contact-con .c-con .con {
  padding-bottom: 30px;
  padding-right: 15px;
}
.fengxiang{ width:320px; margin:0 auto;}
.fengxiang ul li{ width:130px; padding:4px 3px; float:left; margin:4px 0px 4px 10px; background:#c5c5c4; border: solid 1px #afafae;}

.fengxiang ul li a.bshare-sinaminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qzone{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-renren{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qqmb { float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-neteasemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-sohuminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-tianya{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-baiduhi{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-itieba{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-kaixin001{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-facebook{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-msn{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-fanfou{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-feixin{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-twitter{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-peoplemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-douban{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-xinhuamb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.content-wrap .contact-wrap .contact-con .c-con .con .title {
  color: #0097db;
  font-size: 1.4rem;
  font-family: "微软雅黑";
}
.content-wrap .contact-wrap .contact-con .c-con .con .cn {
  margin-top: 15px;
  font-size: 1.4rem;
  font-family: "微软雅黑";
  color: #686868;
  line-height: 30px;
  margin-bottom: 15px;
  text-indent: 2em;
}
.content-wrap .contact-wrap .contact-con .c-con .con .inf {
  margin-top: 60px;
}
.content-wrap .contact-wrap .contact-con .c-con .con .inf .i-cn {
  display: block;
  margin-bottom: 12px;
}
.content-wrap .contact-wrap .contact-con .c-con .con .inf .i-cn i {
  width: 25px;
  height: 18px;
  float: left;
  margin-right: 12px;
}
.content-wrap .contact-wrap .contact-con .c-con .con .inf .i-cn span {
  color: #686868;
  font-family: "微软雅黑";
  font-size: 1.4rem;
  float: left;
}
.content-wrap .contact-wrap .contact-con .c-con .message .title {
  color: #0097db;
  font-family: "微软雅黑";
  font-size: 1.4rem;
  margin-bottom: 15px;
}
.content-wrap .contact-wrap .contact-con .c-con .message .inputbox .inputlist {
  color: #777777;
  font-family: "微软雅黑";
  font-size: 1.4rem;
  margin-bottom: 12px;
}
.content-wrap .contact-wrap .contact-con .c-con .message .inputbox .inputlist .tit {
  display: block;
}
.content-wrap .contact-wrap .contact-con .c-con .message .inputbox .inputlist .tit label {
  margin-bottom: 12px;
  float: left;
}
.content-wrap .contact-wrap .contact-con .c-con .message .inputbox .inputlist .tit .import {
  float: left;
  margin-left: 12px;
  margin-top: 3px;
}
.content-wrap .contact-wrap .contact-con .c-con .message .inputbox .inputlist .textbox {
  border: 1px solid #fff;
  background: #fff;
  width: 100%;
  height: 40px;
  padding: 6px;
  font-size: 1.4rem;
  font-family: "微软雅黑";
  color: #777;
}
.content-wrap .contact-wrap .contact-con .c-con .message .inputbox .inputlist .textbox1 {
  border-radius: 3px;
  border: 1px solid #fff;
  background: #fff;
  width: 100%;
  height: 150px;
  padding: 6px;
  font-size: 1.4rem;
  font-family: "微软雅黑";
  color: #777;
}
.content-wrap .contact-wrap .contact-con .c-con .message .inputbox .inputlist .submitbtn {
  background: #e60a11;
  height: 40px;
  width: 130px;
  border: none;
  color: #fff;
  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 .contact-wrap .contact-con .c-con .message .inputbox .inputlist .submitbtn:hover {
  background: #f85e63;
}
.content-wrap .content .w-ltside .mb {
  padding-top: 1rem;
}
.content-wrap .content .w-ltside .mb .tit-show .title {
  text-align: center;
  display: block;
  height: 50px;
  line-height: 50px;
  background: #e60b11;
  overflow: hidden;
  font-family: '微软雅黑';
  font-size: 16px;
  color: #fff;
  position: relative;
}
.content-wrap .content .w-ltside .mb .tit-show .title .arrow {
  position: absolute;
  right: 20px;
}
.content-wrap .content .w-ltside .mb .tit-show .div1 {
  overflow: hidden;
}
.content-wrap .content .w-ltside .mb .tit-show .div1 .div2 {
  display: block;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  background: #f39c0f;
  color: #fff;
  font-size: 14px;
  text-indent: 81px;
  margin-top: 2px;
}
.content-wrap .content .w-ltside .mb .tit-show .div1 .div2:hover {
  background: url(../images/about_jiantou2.jpg) no-repeat 46px center #ededed;
}
.content-wrap .content .w-ltside .mb .tit-show .div1 .div3 {
  display: none;
}
.content-wrap .content .w-ltside .mb .tit-show .div1 .div3 ul {
  margin: 0;
  padding: 0;
}
.content-wrap .content .w-ltside .mb .tit-show .div1 .div3 ul li {
  display: block;
  height: 34px;
  line-height: 34px;
  list-style: none;
  text-align: center;
  background: #e8e8e8;
  overflow: hidden;
  margin-top: 2px;
}
.content-wrap .content .w-ltside .mb .tit-show .div1 .div3 ul li a {
  text-decoration: none;
  display: block;
  overflow: hidden;
  color: #fff;
}
.content-wrap .content .w-ltside .mb .tit-show .div1 .div3 ul li a:hover {
  color: #ff761d;
}
.content-wrap .content .w-ltside .show-hide {
  display: none;
  overflow: hidden;
  width: 100%;
}
.content-wrap .content .w-ltside .show-hide .div2 {
  display: block;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  background: #999;
  color: #666;
  font-size: 14px;
  text-align: center;
  margin-top: 2px;
}
.content-wrap .content .w-ltside .show-hide .div2 a {
  color: #fff;
  text-decoration: none;
}
.content-wrap .content .w-ltside .show-hide .div2:hover {
  background: #666;
}
.content-wrap .content .w-ltside .show-hide .div3 {
  display: none;
}
.content-wrap .content .w-ltside .show-hide .div3 ul {
  margin: 0;
  padding: 0;
}
.content-wrap .content .w-ltside .show-hide .div3 ul li {
  display: block;
  height: 34px;
  line-height: 34px;
  list-style: none;
  text-align: center;
  background: #ececec;
  overflow: hidden;
  margin-top: 2px;
}
.content-wrap .content .w-ltside .show-hide .div3 ul li a {
  text-decoration: none;
  display: block;
  overflow: hidden;
  color: #666;
}
.content-wrap .content .w-ltside .show-hide .div3 ul li a:hover {
  color: #ff761d;
}
.content-wrap .content .ltside {
  width: 200px;
  margin-top: 20px;
}
.content-wrap .content .ltside .titlebox h3.title {
  height: 42px;
  background: #e60b11;
  margin-bottom: 2px;
  margin-top: 0;
}
.content-wrap .content .ltside .titlebox h3.title i {
  float: left;
  margin-left: 25px;
  line-height: 42px;
}
.content-wrap .content .ltside .titlebox h3.title span {
  float: left;
  margin-left: 10px;
  line-height: 42px;
  font-size: 18px;
  font-family: "微软雅黑";
  color: #fff;
  font-style: none;
}
.content-wrap .content .ltside .titlebox .p-ul .list a {
  padding: 10px 0;
  margin-bottom: 2px;
  background: #e6e6e6;
  display: block;
  text-decoration: none;
  color: #666;
  font-family: "微软雅黑";
}
.content-wrap .content .ltside .titlebox .p-ul .list a:hover {
  background: #cdcdcd;
  transition: All .5s ease;
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease;
}
.content-wrap .content .ltside .titlebox .p-ul .list a .gd {
  float: left;
  margin-left: 24px;
  background: url(../images/ltside-arrow.png) no-repeat;
  width: 19px;
  height: 19px;
}
.content-wrap .content .ltside .titlebox .p-ul .list a .gdd {
  float: left;
  margin-left: 24px;
  background: url(../images/ltside-bmarrow.png) no-repeat;
  width: 19px;
  height: 19px;
}
.content-wrap .content .ltside .titlebox .p-ul .list a span {
  margin-left: 12px;
}
.content-wrap .content .ltside .titlebox .p-ul .list .box {
  display: none;
  margin-bottom: 2px;
}
.content-wrap .content .ltside .titlebox .p-ul .list .box .blist a {
  display: block;
  border-bottom: 1px dashed #cecece;
  background: #e6e6e6;
  color: #666;
  margin: 0;
}
.content-wrap .content .ltside .titlebox .p-ul .list .box .blist a span {
  margin-left: 55px;
}
.content-wrap .content .ltside .titlebox .p-ul .list .box .blist a:hover {
  background: #cdcdcd;
}
.content-wrap .content .ltside .contactbox h3.title {
  height: 42px;
  background: #e60b11;
  margin-bottom: 2px;
}
.content-wrap .content .ltside .contactbox h3.title i {
  float: left;
  margin-left: 25px;
  line-height: 42px;
}
.content-wrap .content .ltside .contactbox h3.title span {
  float: left;
  margin-left: 10px;
  line-height: 42px;
  font-size: 18px;
  font-family: "微软雅黑";
  color: #fff;
  font-style: none;
}
.content-wrap .content .ltside .contactbox .con {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  font-family: "微软雅黑";
  color: #808080;
}
.content-wrap .content .ltside .contactbox .pic {
  margin: 10px 0 30px;
}
.content-wrap .content .ltside .contactbox .pic img {
  box-shadow: 1px 3px 5px #bbb;
  -webkit-box-shadow: 1px 3px 5px #bbb;
  -moz-box-shadow: 1px 3px 5px #bbb;
  -o-box-shadow: 1px 3px 5px #bbb;
}
.content-wrap .content .main-wrap {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.content-wrap .content .main-wrap .posit {
  margin-top: 10px;
  font-size: 16px;
  font-family: "微软雅黑";
  color: #666;
  border-bottom: 2px solid #ccc;
  padding-bottom: 15px;
}
.content-wrap .content .main-wrap .posit a {
  color: #666;
  font-family: "微软雅黑";
}
.content-wrap .content .main-wrap .about-con p {
  font-size: 14px;
  color: #666;
  font-family: "微软雅黑";
  line-height: 28px;
}
.content-wrap .content .main-wrap .case-con .clist {
  padding: 0 5px 10px 5px;
}
.content-wrap .content .main-wrap .case-con .clist a {
  text-decoration: none;
  display: block;
  border: 1px solid #dcdcdc;
  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 .content .main-wrap .case-con .clist a:hover {
  border-color: #e60b11;
}
.content-wrap .content .main-wrap .case-con .clist a:hover span {
  background: #e60b11;
  color: #fff;
}
.content-wrap .content .main-wrap .case-con .clist a img {
  display: block;
  width: 100%;
  height: 160px;
}
.content-wrap .content .main-wrap .case-con .clist a span {
  display: block;
  background: #fff;
  zoom: 1;
  height: 30px;
  width: 100%;
  text-align: center;
  line-height: 30px;
  color: #0097db;
  font-family: "微软雅黑";
  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;
}
.content-wrap .content .main-wrap .case-con .page-wrap {
  text-align: center;
  width: 430px;
  margin: 30px auto 40px;
  font-size: 12px;
  font-family: "微软雅黑";
}
.content-wrap .content .main-wrap .case-con .page-wrap .textbox {
  width: 25px;
  border-radius: 3px;
  border: 1px solid #e8e7e7;
  margin: 0 5px;
}
.content-wrap .content .main-wrap .case-con .page-wrap a {
  text-decoration: none;
  color: #0097db;
  font-size: 12px;
  border: 1px solid #ccc;
  text-align: center;
  padding: 2px 5px;
  border-radius: 3px;
  font-family: "宋体";
  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 .content .main-wrap .case-con .page-wrap a:hover,
.content-wrap .content .main-wrap .case-con .page-wrap a.on {
  background: #0097db;
  color: #fff;
  border-color: #0097db;
}
.content-wrap .content .main-wrap .case-con .page-wrap a.tz {
  color: #000;
  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 .content .main-wrap .case-con .page-wrap a.tz:hover {
  color: #fff;
}
.content-wrap .content .main-wrap .case-con .page-wrap span {
  font-family: "微软雅黑";
  font-size: 12px;
}
.content-wrap .content .main-wrap .case-con .page-wrap span.blue {
  color: #0097db;
}
.content-wrap .content .main-wrap .case-con .w-page-wrap {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.content-wrap .content .main-wrap .case-con .w-page-wrap a {
  font-size: 1.4rem;
  color: #fff;
  background: #ccc;
  border-radius: .5rem;
  font-family: "微软雅黑";
  padding: 5px 10px;
  margin: 0 3px;
}
.content-wrap .content .main-wrap .case-con .w-page-wrap a.on {
  background: #0097db;
}
.content-wrap .content .main-wrap .device-con .clist {
  padding: 0 5px 10px 5px;
}
.content-wrap .content .main-wrap .device-con .clist a {
  text-decoration: none;
  display: block;
  border: 1px solid #dcdcdc;
  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 .content .main-wrap .device-con .clist a:hover {
  border-color: #e60b11;
}
.content-wrap .content .main-wrap .device-con .clist a:hover span {
  background: #e60b11;
  color: #fff;
}
.content-wrap .content .main-wrap .device-con .clist a img {
  display: block;
  width: 100%;
  height: 160px;
}
.content-wrap .content .main-wrap .device-con .clist a span {
  display: block;
  background: #fff;
  zoom: 1;
  height: 30px;
  width: 100%;
  text-align: center;
  line-height: 30px;
  color: #0097db;
  font-family: "微软雅黑";
  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;
}
.content-wrap .content .main-wrap .device-con .page-wrap {
  text-align: center;
  width: 430px;
  margin: 30px auto 40px;
  font-size: 12px;
  font-family: "微软雅黑";
}
.content-wrap .content .main-wrap .device-con .page-wrap .textbox {
  width: 25px;
  border-radius: 3px;
  border: 1px solid #e8e7e7;
  margin: 0 5px;
}
.content-wrap .content .main-wrap .device-con .page-wrap a {
  text-decoration: none;
  color: #0097db;
  font-size: 12px;
  border: 1px solid #ccc;
  text-align: center;
  padding: 2px 5px;
  border-radius: 3px;
  font-family: "宋体";
  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 .content .main-wrap .device-con .page-wrap a:hover,
.content-wrap .content .main-wrap .device-con .page-wrap a.on {
  background: #0097db;
  color: #fff;
  border-color: #0097db;
}
.content-wrap .content .main-wrap .device-con .page-wrap a.tz {
  color: #000;
  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 .content .main-wrap .device-con .page-wrap a.tz:hover {
  color: #fff;
}
.content-wrap .content .main-wrap .device-con .page-wrap span {
  font-family: "微软雅黑";
  font-size: 12px;
}
.content-wrap .content .main-wrap .device-con .page-wrap span.blue {
  color: #0097db;
}
.content-wrap .content .main-wrap .device-con .w-page-wrap {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.content-wrap .content .main-wrap .device-con .w-page-wrap a {
  font-size: 1.4rem;
  color: #fff;
  background: #ccc;
  border-radius: .5rem;
  font-family: "微软雅黑";
  padding: 5px 10px;
  margin: 0 3px;
}
.content-wrap .content .main-wrap .device-con .w-page-wrap a.on {
  background: #0097db;
}
.content-wrap .content .main-wrap .case-details-con {
  margin-top: 30px;
  margin-bottom: 30px;
}
.content-wrap .content .main-wrap .case-details-con .pic {
  text-align: center;
}
.content-wrap .content .main-wrap .case-details-con .pic img {
  width: 550px;
  height: 380px;
}
.content-wrap .content .main-wrap .case-details-con .pages {
  text-align: center;
}
.content-wrap .content .main-wrap .case-details-con .pages a {
  text-align: center;
  display: inline-block;
  margin: 0;
}
.content-wrap .content .main-wrap .case-details-con .pages a.prevbtn {
  text-align: center;
  border: 1px solid #0097db;
  width: 275px;
  height: 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 .content .main-wrap .case-details-con .pages a.prevbtn:hover {
  background: #0097db;
}
.content-wrap .content .main-wrap .case-details-con .pages a.prevbtn:hover i {
  background: url(../images/case-details-arrow.png) no-repeat top right;
}
.content-wrap .content .main-wrap .case-details-con .pages a.prevbtn i {
  background: url(../images/case-details-arrow.png) no-repeat top left;
  width: 91px;
  height: 23px;
  display: inline-block;
  text-align: center;
  margin-top: 7px;
  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 .content .main-wrap .case-details-con .pages a.nextbtn {
  text-align: center;
  border: 1px solid #0097db;
  width: 275px;
  height: 40px;
  margin-left: -4px;
  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 .content .main-wrap .case-details-con .pages a.nextbtn:hover {
  background: #0097db;
}
.content-wrap .content .main-wrap .case-details-con .pages a.nextbtn:hover i {
  background: url(../images/case-details-arrow.png) no-repeat bottom left;
}
.content-wrap .content .main-wrap .case-details-con .pages a.nextbtn i {
  background: url(../images/case-details-arrow.png) no-repeat bottom right;
  width: 91px;
  height: 23px;
  display: inline-block;
  text-align: center;
  margin-top: 7px;
  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 .content .main-wrap .case-details-con .pages a.backbtn {
  background: url(../images/case-back.png) no-repeat;
  width: 57px;
  height: 57px;
  display: block;
  margin: 20px auto;
  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 .content .main-wrap .case-details-con .pages a.backbtn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.content-wrap .content .main-wrap .w-case-details-con .pic {
  text-align: center;
}
.content-wrap .content .main-wrap .w-case-details-con .pic img {
  border: 1px solid #ccc;
  padding: 1px;
  width: 80%;
}
.content-wrap .content .main-wrap .w-case-details-con .pages {
  text-align: center;
  margin-top: 20px;
}
.content-wrap .content .main-wrap .w-case-details-con .pages a {
  background: #0097db;
  border-radius: 3px;
  color: #fff;
  font-family: "微软雅黑";
  font-size: 1.4rem;
  padding: 5px 20px;
  text-decoration: none;
}
.content-wrap .content .main-wrap .news-con .nlist a {
  display: block;
  text-decoration: none;
  border-bottom: 1px dashed #ccc;
  font-size: 1.4rem;
  font-family: "微软雅黑";
  color: #666;
  line-height: 35px;
  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 .content .main-wrap .news-con .nlist a:hover {
  color: #0097db;
}
.content-wrap .content .main-wrap .news-con .page-wrap {
  text-align: center;
  width: 430px;
  margin: 30px auto 40px;
  font-size: 12px;
  font-family: "微软雅黑";
}
.content-wrap .content .main-wrap .news-con .page-wrap .textbox {
  width: 25px;
  border-radius: 3px;
  border: 1px solid #e8e7e7;
  margin: 0 5px;
}
.content-wrap .content .main-wrap .news-con .page-wrap a {
  text-decoration: none;
  color: #0097db;
  font-size: 12px;
  border: 1px solid #ccc;
  text-align: center;
  padding: 2px 5px;
  border-radius: 3px;
  font-family: "宋体";
  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 .content .main-wrap .news-con .page-wrap a:hover,
.content-wrap .content .main-wrap .news-con .page-wrap a.on {
  background: #0097db;
  color: #fff;
  border-color: #0097db;
}
.content-wrap .content .main-wrap .news-con .page-wrap a.tz {
  color: #000;
  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 .content .main-wrap .news-con .page-wrap a.tz:hover {
  color: #fff;
}
.content-wrap .content .main-wrap .news-con .page-wrap span {
  font-family: "微软雅黑";
  font-size: 12px;
}
.content-wrap .content .main-wrap .news-con .page-wrap span.blue {
  color: #0097db;
}
.content-wrap .content .main-wrap .news-con .w-page-wrap {
  margin-top: 30px;
  text-align: center;
  margin-bottom: 20px;
}
.content-wrap .content .main-wrap .news-con .w-page-wrap a {
  font-size: 1.4rem;
  color: #fff;
  background: #ccc;
  border-radius: .5rem;
  font-family: "微软雅黑";
  padding: 5px 10px;
  margin: 0 3px;
}
.content-wrap .content .main-wrap .news-con .w-page-wrap a.on {
  background: #0097db;
}
.content-wrap .content .main-wrap .message-con .inputbox .inputlist {
  display: block;
  margin-bottom: 10px;
}
.content-wrap .content .main-wrap .message-con .inputbox .inputlist label {
  display: block;
  font-size: 1.4rem;
  font-family: "微软雅黑";
  color: #777;
}
.content-wrap .content .main-wrap .message-con .inputbox .inputlist .textbox {
  height: 35px;
  width: 100%;
  padding: 3px 10px;
  font-family: "微软雅黑";
  color: #666;
  background: #e6e6e6;
  border: none;
}
.content-wrap .content .main-wrap .message-con .inputbox .inputlist .textbox1 {
  height: 100px;
  width: 100%;
  padding: 3px 10px;
  font-family: "微软雅黑";
  color: #666;
  background: #e6e6e6;
  border: none;
}
.content-wrap .content .main-wrap .message-con .inputbox .inputlist .submitbtn {
  font-size: 1.4rem;
  font-family: "微软雅黑";
  color: #fff;
  background: #0097db;
  border: none;
  padding: 5px 50px;
  margin-top: 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 .content .main-wrap .message-con .inputbox .inputlist .submitbtn:hover {
  background: #0074a8;
}
.content-wrap .content .main-wrap .contact-con .map {
  border: 1px solid #ccc;
  padding: 1px;
}
.content-wrap .content .main-wrap .contact-con .map img {
  width: 100%;
}
.content-wrap .content .main-wrap .contact-con .text {
  font-size: 1.4rem;
  font-family: "微软雅黑";
  color: #333;
  line-height: 28px;
  margin-bottom: 10px;
  margin-top: 10px;
}
/*footer*/
.footer-wrap {
  background: #e60a11;
  padding: 25px 0;
}
.footer-wrap .link-ul {
  text-align: center;
}
.footer-wrap .link-ul .list {
  display: inline-block;
  padding: 0 20px 20px 20px;
}
.footer-wrap .link-ul .list a {
  color: #fff;
  font-family: "微软雅黑";
  font-size: 1.4rem;
}
.footer-wrap .copyright {
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
  font-family: "微软雅黑";
}
/*hot-wrap*/
.hot-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55px;
  background: #e60a11;
  z-index: 999;
}
.hot-wrap .list {
  height: 55px;
  width: 25%;
  float: left;
  display: block;
}
.hot-wrap .list:hover {
  background: #ff262d;
}
.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;
}
/*@media*/
@media (min-width: 992px) {
  .container {
    width: 1000px;
  }
}
@media (min-width: 768px) {
  .content-wrap .case-wrap {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .content-wrap .device-wrap {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .content-wrap .news-wrap {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .content-wrap .news-wrap .news-con {
    margin-top: 40px;
  }
  .content-wrap .news-wrap .news-con .nlist {
    padding: 0 10px 20px 10px;
  }
  .content-wrap .contact-wrap {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .content-wrap .content .main-wrap .about-con {
    margin-top: 15px;
  }
  .content-wrap .content .main-wrap .case-con {
    margin-top: 15px;
  }
  .content-wrap .content .main-wrap .device-con {
    margin-top: 15px;
  }
  .content-wrap .content .main-wrap .news-con {
    margin-top: 15px;
  }
  .content-wrap .content .main-wrap .message-con {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .content-wrap .content .main-wrap .contact-con {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .container {
    width: 768px;
  }
  .header-wrap .container .w-logo {
    width: 60%;
  }
  .content-wrap {
    margin-bottom: 55px;
  }
}
@media (max-width: 680px) {
  
}
@media (max-width: 640px) {
  .container {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .container {
    width: 100%;
    padding-left: .5em;
    padding-right: .5em;
  }
  .w-logo img {
    width: 83%;
  }
}
@media (max-width: 435px) {
  .container {
    width: 100%;
    padding-left: .5em;
    padding-right: .5em;
  }
}
@media (max-width: 414px) {
  
}
@media (max-width: 375px) {
  .container {
    width: 100%;
  }
  .w-logo img {
    width: 83%;
  }
  .menu img {
    width: 83%;
  }
  .content-wrap .news-wrap .news-con .nlist a .pic img {
    height: 90px;
  }
  .content-wrap .news-wrap .news-con .nlist a .textbox {
    height: 90px;
  }
  .content-wrap .news-wrap .news-con .nlist a .textbox h4 {
    height: 15px;
    overflow: hidden;
  }
  .content-wrap .news-wrap .news-con .nlist a .textbox p.cn {
    height: 47px;
    overflow: hidden;
  }
}
@media (max-width: 346px) {
  .container {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .container {
    width: 100%;
  }
}