p {
  margin: 0;
}

.w1920 {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}

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



.fl {
  float: left;
}

.fr {
  float: right;
}

.head-bg1 {
  background: #f7f7f7;
  border-bottom: 1px solid #cacaca;
  height: 34px;
}

.head-bg1 .wel, .head-bg1 .k1 {
  font-size: 14px;
  color: #7e7e7e;
  line-height: 34px;
}

.head-bg1 .wel a, .head-bg1 .k1 a {
  font-size: 14px;
  color: #7e7e7e;
}

.head-index .logo {
  line-height: 122px;
}

.head-index .top-ad {
  margin-left: 33px;
}

.head-index .tel {
  background: url(../images/tel.png) no-repeat left center;
  padding-left: 50px;
  margin-top: 35px;
  margin-right: 25px;
}

.menu {
  background: url(../images/navli.png) repeat-x top center;
  height: 59px;
}

.menu .x-menu {
  float: none;
  width: 1270px;
  margin: 0 auto;
}

.x-menu > li {
  background: url(../images/navli1.png) no-repeat right center;
  margin: 0;
  width: 158px;
}

.x-menu > li:last-child {
  background: none;
}

.x-menu > li > a {
  font-size: 16px;
  color: #fff;
  line-height: 59px;
  text-align: center;
  padding: 0;
}

.x-menu > li > a:hover {
  background: url(../images/navlih.png) no-repeat top center;
}

.ss {
  border-bottom: 1px solid #c5c5c5;
  height: 62px;
}

.ss .sou-index .hot {
  line-height: 62px;
  color: #0038ac;
  font-size: 14px;
}

.ss .sou-index .hot a {
  color: #8b8b8b;
  margin-right: 10px;
}

#formsearch {
  background: url(../images/sou.png) no-repeat top center;
  height: 39px;
  width: 333px;
  float: right;
  margin-top: 11px;
}

#formsearch input {
  height: 39px;
  background: none;
  border: none;
  line-height: 39px;
}

#formsearch input#keyword {
  height: 39px;
  line-height: 39px;
  padding-left: 14px;
  color: #686868;
  font-size: 13px;
  outline: none;
}

#formsearch input#s_btn {
  width: 62px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  border: none;
  cursor: pointer;
  font-size: 12px;
  float: right;
  outline: none;
}

.product-index {
  margin-top: 40px;
}

.product-index .p-title {
  font-size: 27px;
  color: #d8d8d8;
  text-transform: uppercase;
  font-weight: normal;
}

.product-index .p-title span {
  display: block;
  font-size: 24px;
  color: #424242;
  padding-top: 5px;
}

.product-index .p-title b {
  display: block;
  width: 199px;
  height: 1px;
  background-color: #0038ac;
  margin-top: 15px;
}

.product-index .p-title p {
  font-size: 13px;
  color: #424242;
  padding-top: 15px;
}

.product-index .picScroll-left .bd {
  overflow: hidden;
  margin-top: 40px;
}

.product-index .picScroll-left .bd ul li {
  width: 303px;
  margin-right: 18px;
}

.product-index .picScroll-left .bd ul li a {
  display: block;
  padding: 5px;
}

.product-index .picScroll-left .bd ul li a img {
  width: 303px;
  height: 246px;
}

.product-index .picScroll-left .bd ul li a h3 {
  padding-top: 10px;
  font-size: 16px;
  color: #424242;
  text-align: center;
}

.product-index .p-more {
  width: 178px;
  height: 48px;
  border: 1px solid #0038ac;
  border-radius: 21px;
  margin: 0 auto;
  margin-top: 40px;
}

.product-index .p-more a {
  display: block;
  line-height: 48px;
  color: #0038ac;
  font-size: 18px;
  text-align: center;
}

.bj1 {
  background: url(../images/bj1.jpg) no-repeat top center;
  height: 1474px;
  overflow: hidden;
  margin-top: 65px;
}

.bj1 .product2 .ad1 {
  background: #0038ac;
}

.bj1 .product2 .ad1 .ad1-list li {
  float: left;
  text-align: center;
  border-right: 1px solid #1b5ee8;
  width: 317px;
  height: 200px;
}

.bj1 .product2 .ad1 .ad1-list li img {
  width: 83px;
  height: 92px;
  margin-top: 28px;
  transition: all 0.4s ease-out;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -moz-transition: -moz-transform 0.4s ease-out;
}

.bj1 .product2 .ad1 .ad1-list li h2 {
  font-size: 18px;
  color: #fff;
  padding-top: 16px;
}

.bj1 .product2 .ad1 .ad1-list li h3 {
  font-size: 12px;
  color: #fff;
  opacity: 0.4;
  padding-top: 10px;
  text-transform: uppercase;
}

.bj1 .product2 .ad1 .ad1-list li:last-child {
  border-right: none;
}

.bj1 .product2 .ad1 .ad1-list li:hover img {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
  transition: all 0.4s ease-out;
}

.bj1 .product2 .sort1 {
  margin-top: 20px;
}

.bj1 .product2 .sort1 .title2 {
  line-height: 50px;
}

.bj1 .product2 .sort1 .title2 b {
  text-align: center;
  color: #fff;
  font-size: 38px;
  display: block;
}

.bj1 .product2 .sort1 .title2 span {
  color: #fff;
  display: block;
  font-size: 25px;
  text-align: center;
}

.bj1 .product2 .sort1 .title2 p {
  width: 134px;
  height: 4px;
  background: #0038ac;
  margin: 0 auto;
  margin-top: 10px;
}

.bj1 .product2 .sort1 .sort1-list {
  margin: 0 -5px;
  margin-top: 48px;
}

.bj1 .product2 .sort1 .sort1-list li {
  width: 202px;
  height: 53px;
  border-radius: 26px;
  border: 1px solid #5e5e5e;
  float: left;
  background: #ffffff;
  margin: 0 5px;
  margin-bottom: 13px;
}

.bj1 .product2 .sort1 .sort1-list li a {
  display: block;
  text-align: center;
  line-height: 53px;
  font-size: 19px;
  color: #222222;
}

.bj1 .product2 .sort1 .sort1-list li:hover {
  background: #0038ac;
}

.bj1 .product2 .sort1 .sort1-list li:hover a {
  color: #fff;
}

.bj1 .product2 .p-list1 {
  margin: 0 -10px;
  margin-top: 112px;
}

.bj1 .product2 .p-list1 li {
  float: left;
  border: 1px solid #d7d6d6;
  width: 409px;
  margin: 0 10px;
  margin-bottom: 24px;
}

.bj1 .product2 .p-list1 li a {
  display: block;
}

.bj1 .product2 .p-list1 li a img {
  width: 407px;
  height: 278px;
}

.bj1 .product2 .p-list1 li a h3 {
  background: url(../images/sort1.png) no-repeat top center;
  height: 54px;
  line-height: 54px;
  color: #fff;
  font-size: 16px;
  padding-left: 14px;
}

.ys-title {
  text-align: center;
  font-size: 47px;
  color: #222222;
  font-weight: bold;
  margin-top: 90px;
  margin-bottom: 75px;
}

.ys-title span {
  color: #0038ac;
}

.ys-title p {
  font-size: 21px;
  color: #707070;
  font-weight: normal;
}

.ys-title b {
  display: block;
  width: 122px;
  height: 4px;
  background: #0038ac;
  margin: 0 auto;
  margin-top: 10px;
}

.bj2 {
  background: url(../images/bj2.jpg) no-repeat top center;
  height: 2172px;
  overflow: hidden;
}

.bj2 .ys1 .ys1-wen {
  width: 556px;
  padding-top: 110px;
  margin-left: 45px;
}

.bj2 .ys1 .ys1-wen h2 {
  font-weight: bold;
  font-size: 41px;
  color: #222222;
}

.bj2 .ys1 .ys1-wen h2 span {
  display: block;
  font-size: 28px;
  font-weight: normal;
  padding-top: 10px;
}

.bj2 .ys1 .ys1-wen h2 b {
  display: block;
  width: 87px;
  height: 2px;
  background: #0038ac;
  margin-top: 25px;
  margin-bottom: 25px;
}

.bj2 .ys1 .ys1-wen p {
  font-size: 15px;
  color: #444444;
  line-height: 28px;
}

.bj2 .ys1 .ys1-wen a {
  width: 135px;
  height: 40px;
  background: #0038ac;
  border-radius: 20px;
  display: block;
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 40px;
  margin-top: 30px;
}

.bj2 .ys2 {
  margin-top: 73px;
  height: 505px;
}

.bj2 .ys2 .ys1-wen {
  padding-top: 180px;
}

.bj2 .ys3 {
  margin-top: 102px;
  height: 531px;
}

.bj2 .ys3 .ys1-wen {
  padding-top: 134px;
}

.bj2 .ys3 .ys1-wen a {
  margin-top: 64px;
}

.bj2 .ys4 {
  height: 505px;
}

.bj2 .ys4 .ys1-img {
  margin-right: 250px;
}

.bj2 .ys4 .ys1-wen {
  padding-top: 193px;
}

.h-title {
  margin-top: 70px;
  margin-bottom: 54px;
}

.honor-index .con .picScroll-left1 {
  position: relative;
}

.honor-index .con .picScroll-left1 .hd {
  position: relative;
  top: 84px;
  z-index: 99;
}

.honor-index .con .picScroll-left1 .hd a.next {
  left: -42px;
  position: absolute;
}

.honor-index .con .picScroll-left1 .hd a.prev {
  right: -42px;
  position: absolute;
}

.honor-index .con .picScroll-left1 .bd ul li {
  width: 295px;
  margin-right: 29px;
}

.honor-index .con .picScroll-left1 .bd ul li a {
  display: block;
  padding: 5px;
}

.honor-index .con .picScroll-left1 .bd ul li a img {
  width: 295px;
  height: 222px;
}

.bj3 {
  background: url(../images/bj3.jpg) no-repeat top center;
  height: 604px;
  overflow: hidden;
  margin-top: 90px;
}

.bj3 .area-index {
  padding-top: 50px;
}

.bj3 .area-index h2 {
  color: #fff;
  font-size: 47px;
  font-weight: bold;margin-left:120px;
}

.bj3 .area-index h2 p {
  font-size: 21px;
  font-weight: normal;
  padding-top: 10px;
}

.bj3 .area-index .con {
  background: rgba(255, 255, 255, 0.83);
  height: 357px;
  margin-top: 42px;
}

.bj3 .area-index .con .area-list li {
  float: left;
  width: 25%;
  text-align: center;
  height: 178px;
}

.bj3 .area-index .con .area-list li a {
  display: block;
}

.bj3 .area-index .con .area-list li a img {
  width: 77px;
  height: 77px;
  margin-top: 37px;
}

.bj3 .area-index .con .area-list li a h3 {
  color: #222222;
  font-size: 17px;
  padding-top: 18px;
}

.bj3 .area-index .con .area-list li:hover img {
  filter: invert(12%) sepia(85%) saturate(6651%) hue-rotate(214deg) brightness(75%) contrast(111%);
}

.bj3 .area-index .con .area-list li:hover h3 {
  color: #0038ac;
}

.case-index .con {
  margin-top: 10px;
}

.case-index .con .case-list {
  position: relative;
  height: 662px;
  margin-bottom: 38px;
}

.case-index .con .case-list li {
  float: left;
  position: absolute;
}

.case-index .con .case-list li h3 {
  background: rgba(0, 0, 0, 0.61);
  height: 35px;
  line-height: 35px;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.case-index .con .case-list li h3 a {
  display: block;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 35px;
}

.case-index .con .case-list li:nth-of-type(1) {
  top: 0;
  left: 0;
  height: 258px;
}

.case-index .con .case-list li:nth-of-type(2) {
  top: 0;
  left: 367px;
  height: 367px;
}

.case-index .con .case-list li:nth-of-type(3) {
  top: 0;
  right: 0px;
  height: 367px;
}

.case-index .con .case-list li:nth-of-type(4) {
  bottom: 0;
  left: 0px;
  height: 398px;
}

.case-index .con .case-list li:nth-of-type(5) {
  bottom: 0;
  left: 367px;
  height: 290px;
}

.case-index .con .case-list li:nth-of-type(6) {
  bottom: 0;
  right: 0px;
  height: 290px;
}

.case-index .con .case-list li:hover h3 {
  background: #0038ac;
}

.order-index .o-title {
  margin-top: 48px;
  margin-bottom: 40px;
}

.order-index .con {
  position: relative;
}

.order-index .con::before {
  content: "";
  position: absolute;
  width: 1158px;
  height: 1px;
  background-color: #acacac;
  opacity: 0.412;
  left: 50%;
  margin-left: -579px;
  top: 142px;
}

.order-index .con .order-list {
  margin: 0 -41px;
}

.order-index .con .order-list li {
  position: relative;
  float: left;
  margin: 0 36px;
  background: url(../images/t1.png) no-repeat center 135px;
}

.order-index .con .order-list li .img1 img {
  width: 111px;
  height: 128px;
}

.order-index .con .order-list li .img2 {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.order-index .con .order-list li h3 {
  text-align: center;
  font-size: 17px;
  color: #222222;
  padding-top: 40px;
}

.order-index .con .order-list li:hover {
  background: url(../images/t1h.png) no-repeat center 135px;
}

.order-index .con .order-list li:hover .img1 {
  opacity: 0;
}

.order-index .con .order-list li:hover .img2 {
  opacity: 1;
}

.order-index .dh {
  text-align: center;
  margin-top: 45px;
}

.order-index .dh p {
  text-align: center;
}

.bj4 {
  background: url(../images/bj4.jpg) no-repeat top center;
 
  margin-top: 65px;height:1030px;
}



.bj4 .about-index {
  padding-top: 45px;
}

.bj4 .about-index h2 {
  background: url(../images/t2.png) no-repeat 50% 23%;
  font-weight: bold;
  text-align: center;
}

.bj4 .about-index h2 span {
  display: block;
  font-size: 20px;
  font-weight: normal;
  padding-top: 5px;
}

.bj4 .about-index .con {
  margin-top: 35px;
  /*height: 580px;*/
    margin-bottom:480px;
}

.bj4 .about-index .con p {
  font-size: 15.5px;
  color: #434343;
  line-height: 24px;
 
}

.bj4 .about-index .con p a {
  color: #ff8400;
}

.bj4 .about-index .sc-title {
  font-size: 22px;
  color: #222222;
  font-weight: bold;
  background: url(../images/t3.png) no-repeat left center;
  height: 66px;
  line-height: 66px;
  padding-left: 35px;
}

.bj4 .about-index .sc-title a {
  line-height: 86px;
  float: right;
  font-weight: normal;
  font-size: 14px;
  color: #222222;
}

.bj4 .about-index .picScroll-left2 .bd {
  width:1200px;margin:0 auto;overflow: hidden;
}

.bj4 .about-index .picScroll-left2 .bd ul li {
  width: 305px;
  margin-right: 16px;
}

.bj4 .about-index .picScroll-left2 .bd ul li a {
  display: block;
  padding: 5px;
}

.bj4 .about-index .picScroll-left2 .bd ul li a img {
  width: 305px;
  height: 221px;
}

.news-index .n-title {
  margin-top: 54px;
  margin-bottom: 45px;
}

.news-index .con .newsleft {
  width: 585px;
}

.news-index .con .newsleft h2 {
  font-size: 23px;
  color: #0038ac;
  font-weight: bold;
  background: url(../images/t4.png) no-repeat left bottom;
  line-height: 40px;
  margin-bottom: 30px;
}

.news-index .con .newsleft h2 span {
  font-size: 18px;
  color: #707070;
  padding-left: 6px;
  font-weight: normal;
}

.news-index .con .newsleft .n-list li {
  margin-bottom: 30px;
}

.news-index .con .newsleft .n-list li .date {
  width: 64px;
  text-align: center;
}

.news-index .con .newsleft .n-list li .date dl {
  font-size: 35px;
  color: #888888;
  margin: 0;
  line-height: 35px;
}

.news-index .con .newsleft .n-list li .date dt {
  font-size: 16px;
  color: #777777;
  font-weight: normal;
}

.news-index .con .newsleft .n-list li .wenzi {
  width: 490px;
  margin-left: 15px;
}

.news-index .con .newsleft .n-list li .wenzi a {
  font-size: 16px;
  color: #222222;
  display: block;
}

.news-index .con .newsleft .n-list li .wenzi h3 {
  font-weight: normal;
  font-size: 15px;
  color: #707070;
  margin-top: 15px;
}

.news-index .con .newsleft .xian {
  width: 585px;
  height: 1px;
  background: #cfcfcf;
}

.news-index .con .newsleft .more {
  width: 111px;
  height: 35px;
  border: 1px solid #a7a7a7;
  margin-top: 36px;
}

.news-index .con .newsleft .more a {
  display: block;
  text-align: center;
  line-height: 35px;
  font-size: 15px;
  color: #888888;
}

.news-index .con .newsright {
  width: 585px;
}

.news-index .con .newsright h2 {
  font-size: 23px;
  color: #0038ac;
  font-weight: bold;
  background: url(../images/t4.png) no-repeat left bottom;
  line-height: 40px;
  margin-bottom: 30px;
}

.news-index .con .newsright h2 span {
  font-size: 18px;
  color: #707070;
  padding-left: 6px;
  font-weight: normal;
}

.news-index .con .newsright .bd {
  height: 348px;
}

.news-index .con .newsright .bd .n-list2 li {
  margin-bottom: 29px;
}

.news-index .con .newsright .bd .n-list2 li a {
  display: block;
  background: url(../images/wen.png) no-repeat left center;
  font-size: 16px;
  color: #222222;
  padding-left: 35px;
}

.news-index .con .newsright .bd .n-list2 li span {
  display: block;
  background: url(../images/da.png) no-repeat left center;
  font-size: 16px;
  color: #222222;
  padding-left: 35px;
  margin-top: 6px;
}

.news-index .con .newsright .xian {
  width: 585px;
  height: 1px;
  background: #cfcfcf;
}

.news-index .con .newsright .more {
  width: 111px;
  height: 35px;
  border: 1px solid #a7a7a7;
  margin-top: 36px;
}

.news-index .con .newsright .more a {
  display: block;
  text-align: center;
  line-height: 35px;
  font-size: 15px;
  color: #888888;
}

.link {
  font-size: 15px;
  color: #696969;
  margin: 35px 0;
}

.link a {
  font-size: 15px;
  color: #696969;
  line-height: 24px;
}

.foot {
  background: url(../images/bj5.png) no-repeat center top;
  height: 540px;
  padding-top: 220px;
  overflow: hidden;
}

.ff_a {
  width: 506px;
  height: 228px;
}

.ff_a h3 {
  line-height: 42px;
  color: #fff;
  font-size: 33px;
}

.ff_a .sec {
  color: #a2a2a2;
  font-size: 10px;
  line-height: 43px;
  margin-top: 15px;
}

.ff_a .sec a {
  color: #fff;
  font-size: 16px;
}

.ff_a .sec1 {
  margin-top: 21px;
}

.ff_a .sec1 p {
  color: #fff;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 5px;
}

.ff_b {
  width: 159px;
}

.ff_b h3 {
  line-height: 42px;
  color: #fff;
  font-size: 33px;
  text-align: center;
}

.er {
  text-align: center;
  margin-top: 14px;
  color: #fff;
  font-size: 14px;
}

.er img {
  margin-bottom: 4px;
}

.copyright {
  color: #808080;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  margin-top: 10px;
}

.copyright a {
  color: #808080;
}