.fl{float: left;}
.fr{float: right;}
p{margin:0 0 0 0;}

.out-head{height: 40px;width: 1920px;position: absolute;left: 50%;margin-left: -960px;top: 0;z-index: 999;}
.head{width: 1200px;margin: 0 auto;}
.hh2{font:400 12px/40px "微软雅黑";color:#000;}
.hh2 a{color:#000;}
.hh1{font:400 12px/40px "微软雅黑";color:#000;width:300px;float:left;}

.out-hh{background: url(../images/menu.png) no-repeat top center;width: 1920px;position: absolute;left: 50%;margin-left: -960px;top:40px;z-index: 9999;}
.out-hha{max-width: 1660px;margin: 0 auto;position: relative;left: 50%;margin-left: -830px;}
.out-h1{padding-top: 16px;float:left;}


@media (max-width: 768px) {
  .head {
    display:none;
  }
}


@media (max-width: 1400px) {
  .out-hh {
    
  }
  .x-menu0{width:100%; text-align:center;margin-right:18%;}
  .out-h1{display:none;}
}



@media (max-width: 1200px) {
  .out-hh {
    display:none;
  }
}

/* 导航样式 */
.x-menu {
  float: right;
}

.x-menu > li {
  float: left;
  position: relative;
  margin: 0 6px;
}

.x-menu > li > a {
  display: block;
  padding: 0 1.1vw;
  font-size: 18px;
  color: #276cb1;
  line-height: 100px;
  font-weight: 600;
}

.x-menu>li:hover{
  background: #276cb1;
  color: #fff;
  transform:skew(-30deg);
}

.x-menu>li:hover>a {
  color: #fff;
  transform:skew(30deg);
}


.x-menu>li:nth-child(1) a {
  color: #fff;
  transform:skew(30deg);
}


.x-menu>li:nth-child(1){
  background: #276cb1;
  color: #fff;
  transform:skew(-30deg);
}


.x-menu li.active{

}


.x-menu li.active a{

}


.x-menu > li:after {
}

.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  background: #276cb1;
  transform:skew(30deg);
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99;
  width: 150%;
  left: -25%;
  top: 100px;
  background: #fff;
  transform:skew(30deg);
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;

}

.x-sub-menu > li > a {
  display: block;
  text-align: center;
  line-height: 2;
  font-size: 14px;
  color: #fff;
  line-height: 1.5;
  padding: .5em;
  transform: skew(30deg);
}

.x-sub-menu > li{
    transform: skew(-1deg);
}

.x-sub-menu > li:hover {
  background: #e9eaeb;
}

.x-sub-menu > li:hover a{
  color:#333;
}
.x-sub-menu:after {
 content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 10px;
  cursor: pointer;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  z-index: 99;
}

.con1{background: url(../images/con1.jpg) no-repeat;height: 950px;width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.con1-con{width: 1200px;margin: 0 auto;position: relative;}
.con1-xian{width: 3px;height: 253px;background: #006aa7;position: absolute;top:7px;left: 25px;z-index: 9999;}
.con1a{width: 552px;}
.con1b{width: 580px;margin-right: 20px;}
.con1a-t{background: url(../images/con1a.png) no-repeat;height: 78px;width: 549px;margin-top: 280px;font:600 48px/48px "微软雅黑";color:#333333;}
.con1a-t1{font:400 24px/90px "微软雅黑";color:#666666;}
.con1a-t2{font:400 12px/24px "微软雅黑";color:#1c1c1c;width: 474px;margin-top: 10px;}
.con1a-more{text-align: center;margin-top: 58px;width:276px;height:53px;background:url(../images/more.png) no-repeat;}
.con1a-more:hover{background:url(../images/mmm.png) no-repeat;width:276px;height:53px;}



.con1b{margin-top: 223px;}
.ads{}
.ads li{position: relative;float: left;margin-bottom: 20px;}
.ads li:nth-child(2n){float: right;margin-right: 0;}
.ads li .ad-img1{position: absolute;left:110px;;top:80px;;}
.ads li h3{position: absolute;left: 0;top:130px;font-size: 18px;color:#fff;width:280px;text-align:center;}

.con2{background: url(../images/con2.jpg) no-repeat;height: 950px;width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.con2-con{width: 1200px;margin: 0 auto;padding-top: 148px;}
.con2-t{background: url(../images/con2.png) no-repeat;height: 78px;width: 556px;font:600 48px/48px "微软雅黑";color:#333333;text-align: center;margin: 0 auto;}
.con2-t1{font:400 24px/90px "微软雅黑";color:#666666;text-align: center;}

.con2-neirong .content{position:relative}
.l_btn3{position:absolute;top:49%;cursor:pointer;z-index: 99;left:-66px;}
.r_btn3{position:absolute;top:49%;cursor:pointer;z-index: 99;right:-66px;}

#mm_demo{overflow:hidden;width:100%;margin:0 auto;}
#mm_indemo {float: left;width:800%}
#mm_demo1 {float: left;}
#mm_demo2 {float: left;}
.product_lists3{padding-top: 20px;}
.product_lists3 li{float: left;margin-right: 25px;}
.product_lists3 li img{width: 372px;height: 372px;}
.con2-more{text-align: center;width:276px;height:53px;background:url(../images/more.png) no-repeat;margin:0 auto;margin-top: 58px;}
.con2-more:hover{background:url(../images/mm2.png) no-repeat;width:276px;height:53px;}

.con3{background: url(../images/con3.jpg) no-repeat;height: 950px;width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.con33{width: 1200px;margin: 0 auto;padding-top: 196px;}
.con3-con{background: url(../images/con33.png) no-repeat;height: 589px;width: 1200px;position: relative;left: 50%;margin-left: -600px;}

.con3a{position: relative;padding-top: 80px;width:515px;}
#focus2 {width:515px; height:407px; overflow:hidden; position:relative;}
#focus2 ul {height:407px; position:absolute;}
#focus2 ul li {float:left; width:515px; height:407px; overflow:hidden; position:relative;}
#focus2 ul li a img{height:407px;width:515px;}
#focus2 ul li div {position:absolute; overflow:hidden;}
#focus2 .btnBg2 {position:absolute; width:515px;left:0; bottom:0;display: none;}
#focus2 .btn2 {position:absolute; width:515px;right:5px; bottom:0; text-align:right;display: none;}
#focus2 .btn2 span {display:inline-block; _display:inline; _zoom:1; width:13px; height:13px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus2 .btn2 span.on {background:#fff;}

.con3a .pre{
  right:0px;
  z-index: 999;
  position: absolute;
  top:415px;
}
.con3a .next{
  right:-30px;;
  z-index: 9999;
  position: absolute;
  top:415px;
}
.con3b{width: 646px;}
.con3b-con1{width: 211px;height: 211px;margin-top: 3px;}
.con3b-con2{background: url(../images/con3.png) no-repeat;height: 79px;width: 389px;font:600 48px/40px "微软雅黑";color:#333333;text-align: right;}
.con3b-content{width: 538px;margin-top: 78px;margin-left: 84px;color:#101010;font-size: 15px;line-height: 29px;}
.con3-more{width:151px;height:29px;background: url(../images/more1.png) no-repeat;margin-top:44px;}
.con3-more:hover{width:151px;height:29px;background: url(../images/more11.png) no-repeat;}

.con4{background: url(../images/con4.jpg) no-repeat;height: 950px;width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.con44{width: 1200px;margin: 0 auto;padding-top: 244px;}
.con4a{width: 459px;height: 462px;background: url(../images/con4a.png) no-repeat;}
.con4a-t{width: 556px;font:600 48px/48px "微软雅黑";color:#333333;text-align: right;padding-top:28px;padding-right:114px;}
.con4a-tu{padding-top: 104px;}
.con4b{width: 696px;height: 414px;background: rgba(255,255,255,0.5);margin-top: 24px;}
.con4bb{padding:33px 38px 0 30px;}
.xlist1{}
.xlist1 li{margin-bottom: 42px;height: 53px;}
.xlist1 li .shijian{width: 74px;border-right: 3px solid #333333;height: 53px;text-align: center;}
.xlist1 li .det{width: 542px;}
.xlist1 li .shijian .shi1{font:400 48px/40px "arial";color:#333;}
.xlist1 li .shijian .shi2{font:400 14px/18px "arial";color:#333;}
.xlist1 li .det h3 a{font:600 16px/0px "微软雅黑";color:#132634;}
.xlist1 li .det p{font:400 12px/36px "微软雅黑";color:#333;}
.xlist1 li:hover .shijian{border-right: 3px solid #276cb1;}
.xlist1 li:hover .shijian .shi1{color:#276cb1;}
.xlist1 li:hover .shijian .shi2{color:#276cb1;}
.xlist1 li:hover .det h3 a{color:#276cb1;}
.xlist1 li:hover .det p{color:#276cb1;}


.con5{background: url(../images/con5.jpg) no-repeat;height: 782px;width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.con55{width: 1200px;margin: 0 auto;text-align: center;padding-top: 154px;}
.con5a{font:600 34px/62px "微软雅黑";color:#276cb1;}
.con5c{color:#276cb1;padding-top: 6px;}
.con5d{width: 170px;height: 50px;background: #276cb1;margin: 0 auto;border-radius: 30px;text-transform: uppercase;}
.con5d1{font:400 16px/20px "arial";color:#fff;padding-top: 6px;}
.con5d2{font:400 12px/20px "arial";color:#fff;}


.con6{background: url(../images/con6.jpg) no-repeat;height: 52px;width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.con66{width: 1200px;margin: 0 auto;}
.hotSearch{font:400 14px/52px "微软雅黑";color:#fff;}
.hotSearch a{font:400 14px/52px "微软雅黑";color:#fff;padding-right: 10px;}


.con66 #formsearch {
  float: right;
  background: url(../images/ss.png) no-repeat;
  width: 279px;height: 34px;
  margin-top: 9px;
}

.con66 #formsearch:before {
}

.con66 #formsearch #s_btn {
  float: left;
  outline: none;
  border: none;
  width: 35px;
  height: 34px;
  font-size: 0;
  background:none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 -210px;
}

.con66 #formsearch #keyword {
  float: left;
  background: none;
  outline: none;
  border: none;
  width: calc(100% - 35px);
  color: rgba(0, 0, 0, 0.8);
  margin-top: 5px;
  height: 24px;
  padding-left: 20px;
}

#formsearch input::-webkit-input-placeholder {color:#ffffff;}
#formsearch textarea::-webkit-input-placeholder {color: #ffffff;}


.out-foot{background: url(../images/foot.jpg) no-repeat top center #8fafd3;width: 1920px;position: relative;left: 50%;margin-left: -960px;padding-bottom:20px;}
.foot{width: 1200px;margin:0 auto;text-align: center;color:#fff;font-size: 14px;line-height: 22px;padding-top: 20px;}
.foot a{color:#fff;}