body {
  color: #333;
}
body,
ul,
ol,
li,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
img,
span,
input,strong{
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: 'Microsoft Yahei', Arial;
}
a {
  color: #333;
  text-decoration: none;
 font-family: 'Microsoft Yahei', Arial;
}
a:hover{
	text-decoration:none;
	}
a:focus {
  outline: 0;
}
img {
  border: none;
}
.vam {
  vertical-align: middle;
}
.clear {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}
p {
  word-spacing: 0;
  font-family: 'Microsoft Yahei', Arial;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Microsoft Yahei";
}
i,
em {
  font-style: normal;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.center {
  text-align: center;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.pa {
  position: absolute;
}
.pr {
  position: relative;
}
.clearfix:after {
  content: "";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
.content {
  width: 1200px;
  margin: 0 auto;
}
.pic img,
.picl img,
.pics img {
  -webkit-transition: -webkit-transform 0.8s;
  -moz-transition: -moz-transform 0.8s;
  -o-transition: -o-transform 0.8s;
  transition: transform 0.8s;
}
.pic img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.picl img:hover {
  -moz-transform: translate(0, 5px);
  -webkit-transform: translate(0, 5px);
  -ms-transform: translate(0, 5px);
  -o-transform: translate(0, 5px);
}
.pics img:hover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}
.white,
.whites {
  position: relative;
  overflow: hidden;
}
.white:after,
.whites:after {
  content: '';
  cursor: pointer;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  transform: skewx(-25deg);
}
.white:hover:after {
  left: 100%;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
.whites:hover:after {
  left: 100%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
body {
  min-width: 1200px;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow-x: hidden;
}
i,
em {
  font-style: normal;
}
.content {
  width: 1200px;
  margin: 0 auto;
  font-family: "Microsoft Yahei";
}
input,
textarea,
option,
select {
  font-family: "Microsoft Yahei";
}
input::-webkit-input-placeholder {
  color: #999;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  text-transform: capitalize;
}
input::-moz-placeholder {
  color: #999;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  text-transform: capitalize;
}
input:-moz-placeholder {
  color: #999;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  text-transform: capitalize;
}
input:-ms-input-placeholder {
  color: #999;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  text-transform: capitalize;
}
@keyframes myfirst {
  0% {
    background-position: 0 bottom;
  }
  100% {
    background-position: 100% bottom;
  }
}
.line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clear {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.links{display:block!important;}

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 46px;color: #1a1a1a;line-height: 46px;}
.tit i{display:block;font-size:18px;font-family:Arial;font-weight:400;margin-top: 18px;position: relative;line-height: 18px;text-transform: uppercase;color: #999999;letter-spacing: 4px;}


/*banner*/
.banner {
  height: auto;
  max-width: 1920px;
  margin: 0 auto!important;
  position: relative;
  margin-top: -34px;
}
.banner .bd li {
  float: left;
  width: 100%;
  line-height: 0;
}
.banner .bd li img {
  width: 100%;
}
.banner .bd li a {
  display: block;
}
.banner .hd {
  z-index: 1;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 8%;
  cursor: pointer;
}
.banner .hd li {
  width: 10px;
  height: 10px;
 border: 2px solid #fff;
  display: inline-block;
  margin: 0 5px;
  border-radius: 13px;
  background: #fff;
  box-sizing: border-box;vertical-align: middle;
}
.banner .hd li.on {
   width: 12px;
  height: 12px;
 background: 0;
 vertical-align: middle;
}
.banner .prev {
  position: absolute;
  top: calc(45% - 35px);
  left: 0%;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: all 0.5s linear;
}
.banner .next {
  position: absolute;
  top: calc(45% - 35px);
  right: 0%;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: all 0.5s linear;
}
.banner:hover .prev {
  opacity: 1;
  left: 6%;
}
.banner:hover .next {
  opacity: 1;
  right: 6%;
}



.search{height: 70px;border-bottom: 1px solid #ededed;box-sizing: border-box;}
.search p{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #666666;}
.search p b{ color: #4c4c4c;float: left;font-weight: normal;padding-left: 30px;background: url(hot.png) no-repeat left;}
.search p a{ font-size:14px ;display: block;float: left;color: #4c4c4c;line-height: 70px;margin-right: 14px;}
.search p a:hover{color: #0262b8;}
.s_box{
        float: right;
        width: 356px;
        height: 36px;
        background: #fff;
        margin-top: 18px;
        border-radius: 25px;
        position: relative;
    }
    
.s_box:before,
.s_box:after {
        content: '';
        position: absolute;
        width: 80%;
        height: 1px;
        background: #e3e3e3;
        left: 10%;
        z-index: 0;
    }
    
.s_box:before {
        top: 0;
    }
    
.s_box:after {
        bottom: 0;
    }
    
.s_box .input1 {
        width: 249px;
        height: 34px;
        line-height: 34px;
        color: #999999;
        border: 1px solid #e3e3e3;
        border-right: 0;
        padding: 0 20px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        float: left;
    }
    
.s_box .input2{
        width: 66px;
        height: 36px;
        border: 0;
        border-radius: 25px;
        background: url(sea.png) no-repeat center #4d4d4d;
        float: right;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

.yz{ padding-top: 60px;box-sizing: border-box;height: 570px;background: url(yz_bg.jpg) no-repeat center;}
.yz .content{ position: relative; }
.yz .lines{ position: absolute;left: -84px;top:-60px;width:13px;height: 0;background: url(yz_line.png) no-repeat center;transition: height ease-in-out .5s; -o-transition: height ease-in-out .5s;} 
.yz .show{ height: 246px; }

.yz dt{ float: right;width: 633px;height: 451px;display: block;overflow: hidden; margin-right: -80px;position: relative;}
.yz dt img{ display: block;width: 633px;height: 451px;transition: all 0.5s }
.yz dt em{ position: absolute;font-size: 100px;font-family: Arial;line-height: 100px;color: #0262b8;font-weight: bold;left:78px;top:290px; }
.yz dd{ float: left;width: 600px; }
.yz dd h3{ display: block;font-size: 46px;font-weight: normal;line-height: 46px;color: #0262b8;padding: 90px 0 0; font-family: 'Microsoft Yahei', Arial; } 

.yz dd p{ font-size: 14px;line-height: 32px;color: #333;margin-top: 44px; }


.pro1{ padding-top: 90px;background: url(pro1_bg.jpg) no-repeat center;box-sizing: border-box;height: 840px;box-sizing: border-box; }
.pro1_con{ }/* margin: 60px 0 0 255px;*/

.pro1_con ul{ margin-top: 0px; }
.pro1_con ul li{ float: left;width: 300px; height:280px;margin-right: 0px; }
.pro1_con ul li i{ width: 275px;height: 206px;display: block;overflow: hidden;border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; }
.pro1_con ul li img{ width: 275px;height:206px;display: block; transition: all 0.5s; }
.pro1_con ul li:hover img{ transform:scale(1.05); }
.pro1_con ul li:last-child{margin-right: 0;}
.pro1_con ul li span{ display: block;width: 275px;height: 48px;border:1px solid #e5e5e5;line-height: 48px;border-top: 0;line-height: 48px;font-size: 16px;color: #4c4c4c;text-align: center;overflow: hidden; transition: all 0.3s;background: #fff;}
.pro1_con ul li:hover span{ display:block; width:276px; border:1px solid #e5e5e5;height: 80px;line-height: 80px;background: url(pro_yuan.png) no-repeat 239px 28px #0262b8;line-height: 80px;color: #fff;border:0;margin-top: -32px; position: relative;z-index: 50;}
/*.pro1_con ul li:nth-child(2n):hover  span{ font-size: 16px;line-height: 25px;padding-top: 14px;height: 80px;box-sizing: border-box; }*/


.pro2{ padding-top: 80px;background: url(pro2_bg.jpg) no-repeat center;box-sizing: border-box;height: 720px;box-sizing: border-box; }
.pro2_con dl{ margin: 0px 0 0 216px; }
.pro2_con dt{ padding-left: 103px;background: url(pro_ic2.png) no-repeat 0 2px; }
.pro2_con dt b{ display: block;font-size: 16px;color: #0262b8;font-weight: bold;line-height: 16px; }
.pro2_con dt a{display: block;font-size: 34px;color: #000000;line-height: 34px; padding-top: 0px;}
.pro2_con dd{ padding-left: 103px; width: 555px;}
.pro2_con dd p{display: block;font-size: 15px;color: #1a1a1a;line-height: 30px; padding-top: 23px;}
.pro2_con dd .more{ width: 100px;height: 30px;border:1px solid #0262b8;box-sizing: border-box;margin-top: 23px; font-size: 14px;color: #333333;line-height: 30px;font-family: Arial; display:block;transition: all 0.3s; text-align: center;}
.pro2_con dd .more:hover{ background: #0262b8;color: #fff;}
.pro2_con ul{ margin-top: 50px; }
.pro2_con ul li{ float: left;width: 307px;margin-right: 11px;border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid;  }
.pro2_con ul li i{ width: 307px;height: 230px;display: block;overflow: hidden; }
.pro2_con ul li img{ width: 307px;height: 230px;display: block; transition: all 0.5s; overflow:hidden;}
.pro2_con ul li:hover img{ transform:scale(1.05); }
.pro2_con ul li:last-child{margin-right: 0;}
.pro2_con ul li span{ display: block;width: 307px;height: 48px;border:1px solid #e5e5e5;line-height: 48px;border-top: 0;line-height: 48px;font-size: 16px;color: #4c4c4c;text-align: center;overflow: hidden; transition: all 0.3s;background: #fff;}
.pro2_con ul li:hover span{ display:block; width:308px; border:1px solid #e5e5e5; height: 80px;line-height: 80px;background: url(pro_yuan.png) no-repeat 239px 28px #0262b8;line-height: 80px;color: #fff;border:0;margin-top: -32px; position: relative;z-index: 50;}








.pro3{ padding-top: 90px;background: url(pro3_bg.jpg) no-repeat center;box-sizing: border-box;height: 840px;box-sizing: border-box; }
.pro3_con{ margin: 60px 0 0 255px; }
.pro3_con dt{ padding-left: 318px;background: url(pro_ic3.png) no-repeat 216px 2px; }
.pro3_con dt b{ display: block;font-size: 16px;color: #0262b8;font-weight: bold;line-height: 16px; }
.pro3_con dt a{display: block;font-size: 34px;color: #000000;line-height: 34px; padding-top: 0px;}
.pro3_con dd{ padding-left: 318px; }
.pro3_con dd p{display: block;font-size: 15px;color: #1a1a1a;line-height: 30px; padding-top: 23px;letter-spacing: -0.8px;}
.pro3_con dd .more{ width: 100px;height: 30px;border:1px solid #0262b8;box-sizing: border-box;margin-top: 23px; font-size: 14px;color: #333333;line-height: 30px;font-family: Arial; display:block;transition: all 0.3s; text-align: center;}
.pro3_con dd .more:hover{ background: #0262b8;color: #fff;}
.pro3_con ul{ margin-top: 50px; }
.pro3_con ul li{ float: left;width: 307px;margin-right: 12px; }
.pro3_con ul li i{ width: 307px;height: 230px;display: block;overflow: hidden;border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; }
.pro3_con ul li img{ width: 307px;height: 230px;display: block; transition: all 0.5s; }
.pro3_con ul li:hover img{ transform:scale(1.05); }
.pro3_con ul li:last-child{margin-right: 0;}
.pro3_con ul li span{ display: block;width: 307px;height: 48px;border:1px solid #e5e5e5;line-height: 48px;border-top: 0;line-height: 48px;font-size: 16px;color: #4c4c4c;text-align: center;overflow: hidden; transition: all 0.3s;background: #fff;}
.pro3_con ul li:hover span{ display:block; width:308px; border:1px solid #e5e5e5;height: 80px;line-height: 80px;background: url(pro_yuan.png) no-repeat 239px 28px #0262b8;line-height: 80px;color: #fff;border:0;margin-top: -32px; position: relative;z-index: 50;}





/*
.pro3{ padding-top: 80px;background: url(pro3_bg.jpg) no-repeat center;box-sizing: border-box;height: 720px;box-sizing: border-box; }
.pro3_con{ margin: 0 0 0 255px; }
.pro3_con dt{ padding-left: 318px;background: url(pro_ic3.png) no-repeat 216px 2px; }
.pro3_con dt b{ display: block;font-size: 16px;color: #0262b8;font-weight: bold;line-height: 16px; }
.pro3_con dt a{display: block;font-size: 34px;color: #000000;line-height: 34px; padding-top: 0px;}
.pro3_con dd{ padding-left: 318px; }
.pro3_con dd p{display: block;font-size: 15px;color: #1a1a1a;line-height: 30px; padding-top: 23px;letter-spacing: -0.8px;}
.pro3_con dd .more{ width: 100px;height: 30px;border:1px solid #0262b8;box-sizing: border-box;margin-top: 23px; font-size: 14px;color: #333333;line-height: 30px;font-family: Arial; display:block;transition: all 0.3s; text-align: center;}
.pro3_con dd .more:hover{ background: #0262b8;color: #fff;}
.pro3_con ul{ margin-top: 50px; }
.pro3_con ul li{ float: left;width: 307px;margin-right: 12px;border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid;  }
.pro3_con ul li i{ width: 307px;height: 230px;display: block;overflow: hidden; }
.pro3_con ul li img{ width: 307px;height: 230px;display: block; transition: all 0.5s;}
.pro3_con ul li:hover img{ transform:scale(1.05); }
.pro3_con ul li:last-child{margin-right: 0;}
.pro3_con ul li span{ display: block;width: 307px; height: 48px; border-bottom:1px solid #e5e5e5;line-height: 48px;border-top: 0;line-height: 48px;font-size: 16px;color: #4c4c4c;text-align: center;overflow: hidden; transition: all 0.3s;}
.pro3_con ul li:hover span{display:block; width:308px; border:1px solid #e5e5e5; height: 80px;line-height: 80px;background: url(pro_yuan.png) no-repeat 239px 28px #0262b8;line-height: 80px;color: #fff;border:0;margin-top: -32px; position: relative;z-index: 50;}

*/















.pro4{padding: 80px 0 100px;overflow-x: hidden;position: relative;background: #ededed;}
.pro4 h2 a{ display: block;font-size: 34px;font-weight: normal;line-height: 34px;color: #000000;text-align: center;position: relative; }
.pro4 h2 a:after{ position: absolute;left: 50%;height: 4px;top:55px;width: 135px;background:url(pro_line.png) no-repeat center;content: ""; margin-left: -67px;}
.pro4_con{ margin-top: 68px;position: relative;}
.pro4_con dl{float: left;width: 285px;margin-right: 20px;position: relative;}
.pro4_con dt{height: 214px;overflow: hidden;}
.pro4_con dt img{width: 285px;height: 214px;transition: all 0.5s;}
.pro4_con dl:hover img{transform: scale(1.05);}
.pro4_con dd{height: 270px;background: #fff;width: 285px;padding: 42px 35px 0;box-sizing: border-box;border:1px solid #e5e5e5;border-top: 0;position: relative;}
.pro4_con dd:after{ position: absolute;left: 0;height: 0;bottom: 0;width: 285px;background:#0262b8;content: "";  transition: all 0.6s;}
.pro4_con dl:hover dd{ border:0; }
.pro4_con dl:hover dd:after{  height: 270px;}
.pro4_con dd h3 a{font-size: 22px;color: #1a1a1a;line-height: 22px;font-weight: normal;position: relative;z-index: 3;}
.pro4_con dd p{font-size: 15px;color: #4c4c4c;line-height: 28px;margin-top: 18px;height: 122px;position: relative;z-index: 3;}
.pro4_con dd .more{display: block;width:24px;height: 24px;background: url(pro_yuanh.png) no-repeat center;position: relative;z-index: 3;}
.pro4_con dl:hover .more{background: url(pro_yuan.png) no-repeat center;}
.pro4_con dl:hover h3 a,.pro4_con dl:hover p{ color: #fff;}
.pro4_con .sprev{ position:absolute; left:-74px; top:192px; width:50px;height:50px; z-index: 100;cursor: pointer;background: url(sprev.png) no-repeat center;}
.pro4_con .snext{ position:absolute; right:-74px; top:192px;  width:50px;height:50px; z-index: 100;cursor: pointer;background: url(snext.png) no-repeat center;}
.pro4_con .sprev:hover{ background: url(sprevh.png) no-repeat center;}
.pro4_con .snext:hover{ background: url(snexth.png) no-repeat center;}



.xad{ height: 190px;background: url(xad_bg.jpg) no-repeat center;}
.xad_l{ float: left;width: 802px;box-sizing: border-box; }
.xad h3{ display: block;font-weight: normal;padding-top: 72px; font-size: 34px;line-height: 34px;color: #fff; position:relative; }
.xad h3:before{width:34px; height:5px; background:#0262b8;content:""; position:absolute;left:0;top:53px;}
.xad h3 span{ display: inline-block;font-weight: bold;margin-left: 45px;}

.xad h4{ display: block;font-size:18px;line-height: 18px;color: #ffffff;padding-top: 20px;font-weight: normal;}
.xad_r{margin-top:116px;float: left; width: 398px;}
.xad_r p{ float: left;transition: all 0.5s; }

.xad_r p strong { display: block; font-size: 28px; color: #ffffff; line-height: 100%; margin-top: 6px; font-family: Arial;}
.xad .more{ display: block;width: 200px;background: #0262b8;border: 1px solid #0262b8;border-radius: 22px;-o-transition: all .3s ease;transition: all .3s ease;text-align: center;font-size: 16px;font-weight: 400;line-height: 38px;height: 38px;color: #fff;overflow: hidden;float: right;}
.xad .more img { display: inline-block; width: 22px; margin-right: 8px; vertical-align: -5px; -o-transition: all .3s ease; transition: all .3s ease }
.xad .more:hover img { margin-right: 12px }
.xad .more span{display: inline-block;font-size: 16px;
        color: #ffffff;font-weight: 400;margin-left: 4px;-o-transition: all .3s ease;transition: all .3s ease;line-height: 38px;}

.case{ padding-top: 90px; } 
.case .tit{ margin-bottom: 50px; }       
.case_con{position: relative;}

.case_con dt{ display: block;width: 960px;height: 496px; overflow: hidden;background: #000;}
.case_con dt img{ display: block;width: 960px;height: 496px; transition: all 0.5s; opacity: 0.6;}
.case_con dt:hover img{ transform: scale(1.05); }
.case_con dd{ width: 700px;height: 210px;padding: 45px 40px 0 50px;box-sizing: border-box;background: #0262b8;margin-top: -106px;position: relative;z-index: 50; display: none;}
.case_con dd h3 a{ display: block;float: left;width: 214px;height: 124px;font-size: 26px;line-height: 38px;color: #ffffff;font-weight: normal;margin-top: -6px;}
.case_con dd h3 a em{width: 110px;height: 36px;border:1px solid #fff;box-sizing: border-box;margin-top: 23px; font-size: 16px;color: #fff;line-height: 36px;font-family: Arial; display:block;transition: all 0.3s; text-align: center;  }
.case_con dd h3 a em:hover{ background: #fff;color: #0262b8; }
.case_con dd p{ float: left; width: 362px;font-size: 14px;line-height: 26px;color: #ffffff;border-left: 1px solid #2e9d72; padding-left: 30px;  }
.case_con .swiper-slide-active{ margin-left: 120px; }
.case_con .swiper-slide-active dt{ background: 0; }
.case_con .swiper-slide-active dt img{ opacity: 1; }
.case_con .swiper-slide-active dd{ display: block; }
.case_con .swiper-pagination{ width: 240px!important;height: 1px!important;background:#d9d9d9!important;position: absolute;right: 40px!important;top:550px!important;left:auto!important; }
.case_con .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: #0262b8;height: 2px;top:-1px; }
.case_con .bprev{ position: absolute; top: 430px; display:block;  width:45px; height:45px;background:url(bprev.png) no-repeat; right: 208px; z-index: 50;cursor: pointer;}
.case_con .bnext{ position: absolute; top: 430px; display:block;  width:45px; height:45px;background:url(bnext.png) no-repeat; right: 150px;  z-index: 50;cursor: pointer;}
.apple-pag{position: absolute;width: 320px;top: 540px;line-height: 24px;font-size: 20px;right: 0;}
.apple-pag em,.apple-pag span{display: inline-block;width: 26px;font-family: 'Arial';}
.apple-pag em{font-style: normal;float: right;}


.ys{ margin-top: 90px; }
.leit{width: 100%;display: block;height:600px;margin-top: 50px;}
.leit ul{width: 102%;}
.leit li{width: 25%;float: left;position: relative;cursor:pointer;height: 600px;border-right: 1px solid #fff;box-sizing: border-box;}
/*.leit li img{display: block;}*/
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,0.5);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.shu2{left:0%;padding-top:210px;color: #fff;text-align: center;}

.shu2 h4{font-size:34px;color: #fff;font-weight: normal;height: 74px;line-height: 74px;position: relative;}
.shu2 h4:after{ position: absolute;left: 50%;height: 3px;bottom:0;width: 42px;background:#fa7821; content: ""; margin-left: -21px;}
.shu2 em{font-size:16px;color: #ffffff;height: 74px;line-height: 74px;}
.bock{width: 93%;position: absolute;left:4%;bottom:20px;color: #fff;opacity:0;height:170px;padding:15px 6% 0 7%;box-sizing: border-box;box-shadow: 5px 8px 12px rgba(0,0,0,0.06);z-index: 50;background: url(ys_line.png) no-repeat 3% 35px #fff;}
.bock h3{font-size:22px;line-height: 70px;font-weight:normal;height: 70px;color: #1a1a1a;font-family: 'Microsoft Yahei', Arial;}
.bock h3 b{ display: inline-block;margin-right: 20px;font-size:32px;font-weight: bold; font-family: 'Microsoft Yahei', Arial;}
.bock p{font-size: 15px;color: #4c4c4c;line-height: 23px;}

@media screen and (max-width:1366px) {   
  .bock{height:220px;  }
    .bock h3{font-size:18px;font-family: 'Microsoft Yahei', Arial;}
    .bock h3 b{font-size:22px;margin-right:10px;font-family: 'Microsoft Yahei', Arial; }
}
@media screen and (min-width:1367px) and (max-width:1440px) {
         .bock{height:210px;  }
    .bock h3{font-size:20px;font-family: 'Microsoft Yahei', Arial;}
    .bock h3 b{font-size:28px;font-family: 'Microsoft Yahei', Arial; }
}

.news{ padding-top: 126px; }
.news_con{margin-top: 30px;}
.news_l{ float: left;width: 727px;}
.news_l ul{ margin-top: 18px; }
.news_l li a{ height: 40px;line-height: 40px;padding-left: 20px;position: relative;display: block;font-size: 16px;color: #333;}
.news_l li a em{ float: right;font-size: 14px;color: #888888;line-height: 40px;font-family: Arial;}
.news_l h2 a{display: block;height: 45px;display: block;padding-left:39px;font-weight: normal;position: relative;background: url(news_ic1.png) no-repeat 0 6px;color: #000000;border-bottom: 1px solid #e3e3e3;font-size: 26px;}
.news_r h2 a{ display: block;height: 45px;display: block;padding-left:39px;font-weight: normal;position: relative;background: url(news_ic2.png) no-repeat 0 8px;color: #000000;border-bottom: 1px solid #e3e3e3;font-size: 26px;}
.news_l h2 a em,.news_r h2 a em{ float: right;font-size:16px ;color: #808080;font-family: Arial;font-weight: normal;margin-top: 14px;}

.news1 dl{height: 144px;padding: 30px 0 0;}
.news1 dt{float: left;width: 77px;height: 144px;display: block; }
.news1 dt em{width: 60px;height: 30px;display: block;line-height: 30px;background: #0262b8;text-align: center;font-size: 18px;color: #fff; }
.news1 dd{ width: 650px;float: left;}
.news1 h3 a{font-size: 22px;color: #262626;line-height: 30px;padding: 0 0 12px;font-weight: normal;display: block;transition: all 0.3s;}
.news1 p{font-size: 14px;color: #666666;line-height: 26px;}
.news2 dl{height: 130px;padding: 20px 0;border-top: 1px dashed #c0bfbf;}
.news2 dt{float: left;width: 231px;height: 130px;display: block;overflow: hidden; }
.news2 dt img{width: 231px;height: 130px;display: block;transition: all 0.5s; }
.news2 dl:hover dt img{ transform: scale(1.05); }
.news2 dd{ width: 466px;float: left;height: 140px;margin-left: 30px;}
.news2 h3 a{font-size: 22px;color: #262626;line-height: 22px;padding: 25px 0 16px;font-weight: normal;display: block;transition: all 0.3s;}
.news2 p{font-size: 14px;color: #666666;line-height: 26px;}
.news2 h3 a:hover,.news_r ul li a:hover,.news1 dd h3 a:hover{ color: #0262b8; }


.news_r{ float: right;width: 397px;}
.news_r p img{ display: block;width: 397px;height: 170px;margin-top: 30px; }
.news_r ul li{ padding-top: 27px;height: 97px;border-bottom: 1px dashed #c0bfbf;box-sizing: border-box;padding-left: 20px;background: url(news_ic.png) no-repeat 0 32px;}
.news_r ul li a{font-size: 16px;color: #1a1a1a;line-height: 16px;padding: 0 0 14px;font-weight: normal;display: block;transition: all 0.3s; }
.news_r ul li em{font-size: 14px;color: #666666;line-height: 14px;display: block;}
/*abt*/
.abt{background: url(abt.jpg) no-repeat center top;height: 760px;margin-top: 70px;}
.abt_con {padding-top: 630px;}
.abt_con p{ float: left;width: 900px; }
.abt_con p img{ display: block;width: 441px;height: 28px;margin: 0 0 5px; }
.abt_con p span{ display: block;font-size: 16px;color: #333333;line-height: 24px; }
.abt_con .more{ display: block;width: 137px;height: 36px;background: #0262b8;box-sizing: border-box;margin-top: 17px; font-size: 16px;color: #fff;line-height: 36px;font-family: Arial; display:block;text-align: center; float: right;transition: all 0.5s;margin-right:8px;}
.abt_con .more:hover{ width:145px; }


html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}

/*banner*/
.fullSlide {width:100%;position:relative;height:500px; clear:both;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:500px;}
.fullSlide .hd { position:absolute; z-index:7; bottom:10px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li{border-radius:14px;width:18px;height:18px; color:#eee;  background:#eee; float:left; cursor: pointer;display:block;margin-left: 5px;transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */-webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */ -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide .hd ul .on{ width:32px;height:18px;background:#2f7fee; color:#0e60d1;}
.fullSlide .prev,.fullSlide .next {	display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:81px; height:80px;}
.fullSlide .prev{ background:url(../img/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(../img/right1s.png) no-repeat;}
/*banner*/
.fullSlide2 {width:100%;position:relative;height:400px; clear:both;}
.fullSlide2 .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide2 .bd ul {width:100% !important;}
.fullSlide2 .bd li {width:100% !important;height:400px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide2 .bd li a {display:block;height:400px;}
.fullSlide2 .hd { position:absolute; z-index:7; bottom:20px; left:47%; padding:5px 6px;}
.fullSlide2 .hd ul {text-align:center;}
.fullSlide2 .hd ul li{border-radius:14px;width:18px;height:18px; color:#eee;  background:#eee; float:left; cursor: pointer;display:block;margin-left: 5px;transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */-webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */ -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide2 .hd ul .on{ width:32px;height:18px;background:#2f7fee; color:#0e60d1;}
.fullSlide2 .prev,.fullSlide2 .next {	display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:81px; height:80px;}
.fullSlide2 .prev{ background:url(../img/left1s.png) no-repeat;}
.fullSlide2 .next {left:auto;right:5%;background:url(../img/right1s.png) no-repeat;}


a:hover{ text-decoration:none;}


/*悬浮链接*/
.red{color:#f00!important;}
.suspension{position:fixed;z-index:55;right:0;bottom:350px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.31);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}



.sy_cus{ background:url(haibo-156043_1.jpg) center no-repeat; width:100%; height:755px;}
.sy_cus_content{ width:1200px; margin:0 auto;}
.zi_en{ font-family:"微软雅黑"; font-size:42px; font-weight:bold; color:#000; padding-top:86px; line-height:43px;margin-bottom:50px;}
.zi_cn{font-family:"微软雅黑"; font-size:40px; font-weight:bold; color:#000;line-height:24px;}
.zi_xian_bg{width:250px; height:6px; margin-top:50px;}
.zi_xian_1{width:70px; height:5px; background:#0262b8;}
.zi_xian_2{width:250px; height:1px; background:#95989b;}
.zi_cn_1{color:#606060; font-size:20px; padding-top:37px;}
.zi_cn_2{font-size:28px; color:#000; padding-top:40px; padding-bottom:25px;}
.zi_cn_3{font-size:16px; color:#000;line-height:2.2}

/*产品展示*/
.til01{text-align: center;height:80px;color: #333;font-size:40px;line-height:80px;font-family: "Microsoft Yahei";font-weight: normal;background:url(plantbg.gif) no-repeat center 0;margin-bottom: 34px;}
.til01 b{color: #0e6eb8;}
.til01 a{color: #333;}

.til011{text-align: center;height:80px;color: #333;font-size:40px;line-height:80px;font-family: "Microsoft Yahei";font-weight: normal;background:url(case.gif) no-repeat center 0;margin-bottom: 34px;}
.til011 b{color: #0e6eb8;}
.til011 a{color: #333;}

.pc_body{ width:100%; height:670px;background:url(cp_body.png) center center no-repeat;}
.probox .til01{background:url(protbg.gif) no-repeat center 0;}
.newbox .til01{background:url(newbg.gif) no-repeat center 0;}
.newbox .til011{background:url(aboutbg.png) no-repeat center 0;}


.pro_list{width:1200px;overflow: hidden;}
.pro_lc{border: solid 1px #ccc;}
.pro_lc,.pro_lc li,.pro_lc li img{width:898px;height: 400px;overflow: hidden;line-height:48px;}
.pro_lc span.pro_next{position: absolute;right: 0;bottom: 0;z-index: 9;}
.pro_lc span,.pro_lc span img{width:43px;height: 48px;}
.pro_lc li{position: relative;font-size: 18px;}
.pro_lc li p{position: absolute;left: 0;bottom: 0;background:url(bg01.png) repeat 0 0;padding: 0 30px;width:840px;z-index:1;}
.pro_lc li p a{display: block;color: #fff;}

.pro_lt{height:auto;overflow: hidden;}
.pro_lt ul{width: 1200px;}
.pro_lt li{float: left;width:273px;margin: 0 27px 20px 0;border-bottom: solid 1px #ccc;position: relative;height: 244px;}
.pro_lt li p,.pro_lt li img{height:203px;width:273px;display: block;overflow: hidden;}
.pro_lt li p{position: absolute;top:0;height:0;left: 0;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);height: 0;background:url(bg01.png) repeat;text-align: center;}
.pro_lt li span{display: block;height: 41px;line-height: 41px;text-align: center;}
.pro_lt li span a{display: block;color: #333;}
.pro_lt li p a{display: none;margin-top: 63px;}
.pro_lt li.cur{border-bottom-color: #0e6eb8;}
.pro_lt li.cur p{height: 203px;}
.pro_lt li.cur p a{display: block;}
.pro_lt li.cur span a,.pro_lt li span a:hover{color: #0e6eb8;text-decoration: none;font-weight: bold;}


.pro_lc dt img,.show_cp li p img,.new_c dt img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro_lc dt img:hover,.show_cp li p img:hover,.new_c dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/*产品中心 */
.g_pro{padding-top: 30px;}
.g_pro h2{background:url(protit.jpg) no-repeat;height: 36px;line-height: 26px;text-align: center; height: 74px;}
.g_pro h2 a{color: #1367c5;font-size: 26px;font-weight: normal;}
.g_pro h2 em{display: block;color: #555555;font-size: 14px;text-transform: uppercase;line-height: 26px;}

.g_pro h3{height: 32px;line-height: 32px; margin-bottom: 40px; }
.g_pro h3 a{ font-size: 26px;font-weight: normal;  border: 1px solid #1367c5;width: 135px;height: 41px;display: block;text-align: center;line-height: 41px; color: #fff;font-size: 16px; float: left; margin-right:10px; background: #1367c5; font-family:"微软雅黑"; border-radius:20px;}
.g_pro h3 a:hover,.g_pro h3 .cur {background: #fa7821;color: #fff; border: 1px solid #fa7821; border-radius:20px;}
.g_pro .lasta{margin-right: 0;}
.m_cpc dl{float: left; width: 225px;margin-right: 19px;margin-bottom: 40px;height:325px;}
.m_cpc .lastdl{margin-right: 0;}


.footer_2021{ background:url(inimg10-156043_1.jpg) center no-repeat; width:100%; height:123px;}
.footer_w1200{ width:1200px; margin:0 auto; text-align:center; color:#FFF; font-size:16px; padding-top:30px;}

.footer_w1200 a{color:#e5e5e5;}