﻿html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
   margin: 0;
   padding: 0;
}

*{box-sizing: border-box;}
html, body {
   min-height: 100%;
}


body {
   font-family: "Microsoft YaHei";
   font-size:14px;
   color:#333;
}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol， {
   list-style: none;
 
}


img {
   border: none;
   vertical-align: middle;
}


a {
   text-decoration: none;
   color: #232323;
}


table {
   border-collapse: collapse;
   table-layout: fixed;
}


input, textarea {
   outline: none;
   border: none;
}


textarea {
   resize: none;
   overflow: auto;
}


.clearfix {
   zoom: 1;
}


.clearfix:after {
   content: ".";
   width: 0;
   height: 0;
   visibility: hidden;
   display: block;
   clear: both;
   overflow:hidden;
}


.fl {
   float: left
}


.fr {
   /* float: right; */
}


.tl {
   text-align: left;
}


.tc {
   text-align: center
}


.tr {
   text-align: right;
}


.ellipse {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.inline{
   display: inline-block;
   *display: inline;
   *zoom: 1;
}

.X_UA_Co img{
width: 100%;
height: 2px;
}
.dh-nth{
   width: 100%;
   height: 90px;
   background-color: #ffffff;
   box-shadow: 0px 0px 7px 0px 
     rgba(0, 0, 0, 0.16);
   opacity: 0.9;
   /* margin-top: -95px; */
   z-index: 99;
   position: fixed;
   /* top: 90px; */
}


.co_box{
   position:relative;
   /* height: 108px; */
   width: 1200px;
   margin:0 auto;
   z-index: 9999;
}


.miui_logo{
   position:absolute;
   top: 10px;
   left:0;
}
.language{
   position:absolute;
   right:15px;
   top: 0px;
   line-height:20px;
   height:20px;
   font-size: 14px;
   color: #666666;
   text-align:right;
   cursor: pointer;
}
.language span{color:#A6A6A6;padding:0 3px;}
.language a{color: #333333;}
.language a:hover{text-decoration:underline;}


#menu_hover_bg {
  width: 100%;
  height: 0;
  background: #fff;
  position: absolute;
  top: 79px;
  z-index: 9;
  overflow: hidden;
}

.logo {
  float: left;
  width: 140px;
  height: 80px;
}

.logo a {
  display: block;
  width: 140px;
  height: 44px;
  padding: 17px 0;
}

.menu {
  float: right;
}

.top-list-li{
  float: left;
  position: relative;
}

.menu ul li h2 {
  font-weight: normal;
  font-size: 14px;
  position: relative;
}

.menu ul>li.intro>h2:before {
  content: "";
  position: absolute;
  width: 50px;
   height: 2px;
   color: #c9050f;
  background-color:#c9050f;
   left: 50%;
  margin-left: -25px;
  bottom: -10px;
}


.menu ul>li>h2>img {
  right: -40px;
  top: 31px;
}

.menu ul li h2 a {
  padding: 0 17px;
  display: block;
  color: #333333;
  font-size: 16px;
}

.menu ul li .sub_menu {
  width: 1200px;
  height: 0px;
  position: absolute;
  z-index: 999;
  left: 0;
  top: 77px;
  overflow: hidden;
}

.menu ul{
   position: relative;
   top: 30px;
}


/* Ã©Â¡Â¶Ã©Æ’Â¨Ã¤ÂºÅ’Ã§ÂºÂ§Ã¨ÂÅ“Ã¥Ââ€¢ */
/* .men_qywh{
   position: absolute;
   width: 237px;
   height: 168px;
   background-color: #ffffff;
   border-radius: 0px 0px 6px 6px;
   opacity: 0.9;
   top: 41px;
   left: -66px;
   text-align: center;
   padding-left:15px;
   padding-right:15px;
  
} */
.top-list-li-1{
   color:#c9050f!important;
   font-weight: bold;
}
.bottom-ul li a:hover{
color:#c9050f;
}
.menu > ul > li > ul{
   padding: 0px 25px 0px;
   position: absolute;
   display: none;
   margin-top: 10px;
   width:200px;
   list-style-type: none;
   right: calc(50% - 120px);
   /* left: 50%; */
   width: 237px;
   /* margin-left: -70px; */
   /* height: 168px; */
   background: rgba(255, 255, 255, 0.95);
   border-radius: 0px 0px 6px 6px;
   /* opacity: 0.9; */
}
   /* Ã¨Â®Â¾Ã§Â½Â®Ã¤ÂºÅ’Ã§ÂºÂ§Ã¨ÂÅ“Ã¥Ââ€¢Ã§Å¡â€žliÃ§Å¡â€žÃ¦Â Â·Ã¥Â¼Â */
   .menu > ul > li > ul > li {
       float: none;
   }
 /* Ã©Â¼Â Ã¦Â â€¡Ã¦â€Â¾Ã¥Å“Â¨Ã¤Â¸â‚¬Ã§ÂºÂ§Ã¨ÂÅ“Ã¥Ââ€¢Ã¤Â¸Å Ã¯Â¼Å’Ã¦ËœÂ¾Ã§Â¤ÂºÃ¤ÂºÅ’Ã§ÂºÂ§Ã¨ÂÅ“Ã¥Ââ€¢ */
 .menu > ul > li:hover ul {
   display: block;
}
/* Ã¤Â¸â‚¬Ã§ÂºÂ§Ã¨ÂÅ“Ã¥Ââ€¢ */
.menu > ul > li > h2 > a {
   /* width: 80px; */
   /* line-height: 21px; */
   /* text-align: center;
   border-left: 1px solid #bbf; */
   display: block;
}
.menu > ul > li{
   height:41px;
width: 100px;
 
}
/* Ã¤ÂºÅ’Ã§ÂºÂ§Ã¨ÂÅ“Ã¥Ââ€¢ */
.menu > ul > li > ul > li > a {
   /* width: 120px; */
   line-height: 55px;
   font-size:14px;
   color: #456;
   /* padding: 10px 10px 10px; */
   height: 56px;
   /* background-color: #eff; */
   text-align: center;
   border-bottom: 1px solid #cfcecc;
   /* border: 1px solid #ccc; */
   border-top: none;
   display: block;
}

/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ */
.swiper-container {
   width: 100%;
   /* height: 100%; */
}
.swiper-slide {
   font-size: 18px;
   background: #fff;

   /* Center slide text vertically */
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}
.swi{
   width: 100%;
}
.swiper-slide img{
   width: 100%;
}
.gsxw-new{
   /* overflow: hidden; */
   width: 1200px;
   height: 438px;
   margin: 0 auto;
   margin-top: 43px;
}
.new_slfed{
  width: 710px;
  height: 439px;
  float: left;
 
}
.new-ldeed{
   width: 710px;
  height: 237px;
  border: solid 1px #e1e1e1;
}
.new-couet{
   width: 355px;
   height: 202px;
   /* float: right; */
   background-color: #ffffff;
   border-bottom: 1px solid  #e1e1e1;
   border-right: 1px solid  #e1e1e1;
   border-left: 1px solid #e1e1e1;
   /* border: solid 1px #e1e1e1; */
}
.new-kepd{
   width: 356px;
   height: 202px;
   float: right;
   position: relative;
   border-bottom: 1px solid #e1e1e1;
   border-right: 1px solid #e1e1e1;
   border-left: 1px solid #e1e1e1;
   /* border: solid 1px #e1e1e1; */
   bottom: 202px;
}

.right-new{
   width: 470px;
   /* height: 435px; */
   float: right;
}
.pocyu{
   width: 470px;
   height: 254px;
   /* border: 1px solid; */
   /* border: solid 1px #e1e1e1; */
   overflow: hidden;
   cursor: pointer;
}
.pocyu img{
   width: 100%;
   transition: all 0.6s;
}
.pocyu img:hover{
   transform: scale(1.2);
   -ms-transform: scale(1.2);

}
.Xkd{
   width: 470px;
   height: 186px;
   border-bottom: 1px solid #e1e1e1;
   border-right: 1px solid #e1e1e1;
   border-left: 1px solid #e1e1e1;
   background-color: #ffffff;
   /* border: solid 1px #e1e1e1; */
}
.centere{
   padding: 22px 25px;
}
.cent-c{
       font-size: 20px;
       font-weight: normal;
       position: relative;
       font-stretch: normal;
       letter-spacing: 0px;
       color: #666666;
       top: -6px;
       left: 5px;
}
.cent-r{
   float: right;
   color: #2b81e3;
   font-size: 14px;
   letter-spacing: 1px;
}
.centere h1{
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #333333;
  margin-top: -5px;
}
.centere h3{
   width: 92px;
   /* height: 15px; */
   font-family: MicrosoftYaHei;
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
   line-height: 25px;
   letter-spacing: 0px;
   color: #666666;
   margin-top: -10px;
}
.centere p{
   width: 653px;
   /* height: 72px; */
   font-family: MicrosoftYaHei;
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
text-align: justify;
   line-height: 30px;
   letter-spacing: 0px;
   color: #666666;
   margin-top: 5px;
}
.centere1{
   padding: 33px 25px;
}
.centere1 h1{
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #333333;
  line-height: 25px;
  height: 50px;
  margin-top: 15px;
}
.centere1 h3{
   /* width: 92px; */
   /* height: 15px; */
   font-family: MicrosoftYaHei;
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
   line-height: 28px;
   letter-spacing: 0px;
   color: #666666;
   margin-top: 15px;
}
.centere2{
   padding: 33px 25px;
   background: url(../img/djgzbj.png) no-repeat 200px 47px;
}
.centere2 h1{
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 25px;
  color: #333333;
  height: 50px;
  margin-top: 15px;
}
.centere2 h3{
   /* width: 92px; */
   /* height: 15px; */
   font-family: MicrosoftYaHei;
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
   line-height: 28px;
   letter-spacing: 0px;
   color: #666666;
   margin-top: 15px;
}


.imgdjbjt{
   position: relative;
}
.imgdjbjt img{
   position: absolute;
   top: -130px;
   left: 174px;
}

   .centere3{
       padding: 20px 24px 10px 24px;
       background: url(../img/jjbjt.png) no-repeat 324px 24px;
}
.Xkd h1{
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #005bac;
}
.centere3 p{
   font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 26px;
   letter-spacing: 0px;
text-align: justify;
   margin-top: 17px;
  color: #666666;
}
.centere3 a{
   /* float: right; */
   font-family: MicrosoftYaHei;
   /* font-size: 14px; */
   /* font-weight: normal; */
   /* font-stretch: normal; */
   line-height: 28px;
   letter-spacing: 0px;
   color: #005bac;
}
.imgdjbjt1{
   position: relative;
}
.imgdjbjt1 img{
   position: absolute;
   top: -125px;
   left: 298px;
}


#flash{
   width: 1200px;
   height: 476px;
   margin: 50px auto;
   position: relative;
}
#flash #play{
   width:100%;
   height: 512px;
   list-style: none;
   position:absolute;
   top:0px;left:0px;
}
#flash #play li{
   display: none;
   position:absolute;
   top:0px;left:0px;
}
#flash #play li img{
   float: left;
}
#button{
   position: absolute;
   bottom: 41px;
   left: 45%;
   list-style: none;
}
#button li{
   margin-left: 10px;
   float: left;
}
#button li div{
   /* width:12px; */
   /* height: 12px; */
   width: 52px;
   height: 4px;
   /* background-color: #005bac; */
   background:#DDDDDD;
   border-radius: 6px;
   cursor: pointer;
}
#prev{
   width:66px;
   height:144px;
   background:url(../img/kz.png) 0px 0px;
   position: absolute;
   top: 180px;
   left:0px;
   z-index: 1;
}
#next{
   width:66px;
   height:144px;
   background:url(../img/ky.png)0px 0px;
   position: absolute;
   top: 180px;
   right:0px;
   z-index: 1;
}
#play img{
   width: 100%;
   /* height: 512px; */
}
.lunky{
   position: absolute;
   left: 19%;
   top: 20%;
}
.lunky img{
width: 140px!important;
height: 50px!important;
}
.lunky h1{
   margin-top: 100px;
   font-size: 36px;
   font-weight: bold;
   font-stretch: normal;
   text-shadow: 1px 3px 6px #000;
   line-height: 47px;
   letter-spacing: 1px;
   color: #ffffff;
}
.lunky p{
   width: 593px;
   font-family: MicrosoftYaHei;
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
   line-height: 27px;
   letter-spacing: 0px;
   color: #ffffff;
   margin-top: 25px;
}


/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ */
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}

.pb10{padding-bottom:10px}
.mt10{margin-top:10px}

/* case */
.case{
   width: 1200px;
   margin: 0px auto;
   background:#fff;
   /* padding:15px; */
   /* box-shadow:0 0 10px #ccc; */
}
.case .title{
   /* height:20px; */
   border-bottom: 5px solid #e7e7e7;
   padding-bottom: 25px;
}
.case .title h2{
   font-size:20px;
   font-family:"microsoft yahei";
}
.case .title-list{
   position:relative;
   top:6px;
}
.case .title-list li{
   width: 300px;
   line-height: 25px;
   text-align:center;
   cursor: pointer;
   font-size: 20px;
   float:left;
   font-weight: bold;
  letter-spacing: 0px;
   color: #333333;
   display:inline;
}
.case .title-list li.on{
   color:#005bac;
   font-weight:bold;
}
.case .title-list p{
   position:absolute;
   top: 69px;
   left:0px;
   width: 300px;
   cursor: pointer;
   /* height:7px; */
   border-top: 5px solid #005bac;
   overflow:hidden;
   text-align:center;
}
.case .title-list b{
   display:inline-block;
   width:0;
   height:0;
   margin-top:-3px;
   border-style:solid dashed dashed dashed;
   border-width:9px;
   border-color:#ff6600 #fff #fff #fff;
   overflow:hidden;
   zoom:1;
   font-size:0;
}
.product{
   /* height:268px; */
   position:relative;
   overflow:hidden;
  
   display:none;
  
}
.product ul{
   position:absolute;
   left:0px;
}
.product-wrap .show{
   display:block;
}
.product-wrap .product li{
   float:left;
   display:inline;
   margin-left:13px;
   background:#f3f3f3;
   border:2px solid #fafafa;
   transition:0.4s;
   -webkit-transition:0.4s;-moz-transition:0.4s;
   -o-transition:0.4s;
   -ms-transition:0.4s;
}
.product-wrap .product li.ml0{
   margin-left:0px;
}

.product-wrap .product li a.imgwrap{
   display:block;width:226px;
   height:200px;
   background:#fff;
   text-align:center;
}
.product-wrap .product li p{
   padding-left:15px;
   color:#666666;
   line-height:22px;
}
.product-wrap .product li p a{
   color:#666666;
   text-decoration:none;
}
.product-wrap .product li p a:hover{
   color:#ff6600;
   text-decoration:none;
}
.product-wrap{
   width: 1200px;
   height: 399px;
   background-color: #ffffff;
   /* border: solid 1px #e1e1e1; */
   margin-top: 40px;
}
.product-wt{
   width: 569px;
   height: 393px;
   overflow: hidden;
   cursor: pointer;
   float: left;
   /* background-color: #005bac; */
}
.product-wt img{
   width: 100%;
}
.product-right{
   width: 631px;
   height: 393px;
   /* background: red; */
   /* border: 1px solid #e1e1e1; */
   float: right;
   border-top: 1px solid #e1e1e1;
   border-right: 1px solid #e1e1e1;
   border-bottom: 1px solid #e1e1e1;
}
.product-wt img {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.product-wt:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}


.centere5{
   padding: 60px 49px;
}
.centere5 h1{
   font-size: 24px;
   font-weight: bold;
   font-stretch: normal;
   letter-spacing: 0px;
   color: #333333;
   margin-top: 13px;
}
.centere5 p{
   width: 529px;
   /* height: 95px; */
   font-size: 16px;
   font-weight: normal;
   margin-top: 25px;
   font-stretch: normal;
   line-height: 26px;
   letter-spacing: 0px;
   color: #333333;
}

.xq a{
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
   letter-spacing: 0px;
   color: #005bac;
   /* margin-top: 12px; */
   position: relative;
   top: 30px;

}



/* ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ */
.keyancg{
   width: 1200px;
   /* height: auto; */
   margin: 0 auto;
   height: 501px;
   margin-top: 46px;
}
.kyjg-cent{
   height: 42px;
   width: 154px;
   /* margin-left: 50px; */
}
.kyjg-cent h1{
   float: right;
   font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 34px;
  letter-spacing: 2px;
  color: #333333;
}



.cls-cidiel ul li a:hover{
color:#005bac;
}




.cls-d{
  margin-top: 80px;
  height: 171px;
  background: rgb(244, 247, 250,0.5);
}
.cls-cidiel{
   width: 1200px;
   height: 171px;
   margin: 0 auto;
}
.cls-cidiel ul li{
   /* width: 80px; */
   /* height: 90px; */
   float: left;
   margin-top: 32px;
   text-align: center;
   margin-left: 92px;
   cursor: pointer;
}
.cls-cidiel img{
}
.cls-cidiel h1{
   font-size: 20px;
  font-stretch: normal;
  line-height: 29px;
  letter-spacing: 0px;
  color: #333333;
}
.cls-cidiel h1{
   
margin-top: 23px;
}






.fot-t {
   height: 59px;
   border-top: 1px solid #e3e3e3;
   border-bottom: 2px solid #c9050f;
   background: rgb(0, 91, 172,0.08);
}
.fott-ctn{
   width: 1200px;
   height: 59px;
   margin: 0 auto;
}
.fott-ctn span{
  font-size: 16px;
  width: 314px;
  font-weight: normal;
  font-stretch: normal;
  text-align: center;
  line-height: 15px;
  margin-left: 86px;
  margin-top: 21px;
  float: left;
  cursor: pointer;
  color: #333333;
}








.footer{
  
height: 200px;
  
background-color: #474c55;
}
.footer-bottom{
   width: 1200px;
   height: 200px;
   margin: 0 auto;
}
.fotimg{
   margin-top: 95px;
   margin-left: 95px;
}
.bottom li{
   font-size: 14px;
   font-weight: normal;
   font-stretch: normal;
   line-height: 25px;
   letter-spacing: 0px;
   color: #ffffff;
   /* opacity: 0.7; */
}
.bottom{
   margin-left: 380px;
   margin-top: -96px;
}
.wzq-lj{
   height: 34px;
   color: #ffffff;
   /* opacity: 0.7; */
   width: 178px;
   text-align: center;
   background-color: #565656;
   border: solid 1px #e1e1e1;
   margin-top: 20px;
   position: relative;
   left: 90px;
   top: 15px;
}


.arrow-leftl {
   background: url(../img/kyz.png) no-repeat left top !important;
   position: relative!important;
   left: -40px!important;
   /* top: 152%!important; */
   margin-top: -44px!important;
   width: 19px;
   height: 38px;
   cursor: pointer;
}
.arrow-rightr {
   background: url(../img/kyy.png) no-repeat left bottom !important;
   position: relative!important;
   left: 101%!important;
   /* top: 36%!important; */
   margin-top: -20%!important;
   width: 30px;
   cursor: pointer;
   height: 38px;
}
.wipe{
   width: 382px;
   border: solid 1px #e1e1e1;
   /* height: 461px; */
   /* border: 1px solid #ccc; */
   /* background-color: #0eb2f8; */
   overflow: hidden;
}
.wipe img{
   width: 382px;
  height: 292px;
   background-color: #0eb2f8;
}
.wipe-img img{
   transition: all 0.6s;
   margin-top: -5px;
}

.wipe-img img:hover{
   transform: scale(1.2);
}
.wipe-img{
   height: 287px;
   overflow: hidden;
}


.swiper_con{
   padding: 31px 25px;
}
.swiper_con h1{
  width: 340px;
  height: 48px;
  text-align: left;
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0px;
  color: #333333;
}
.swiper_con span{
   width: 278px;
   height: 16px;
   font-family: MicrosoftYaHei;
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
   line-height: 45px;
   text-align: left;
   letter-spacing: 0px;
   color: #666666;
}
.device_i{
   /* margin-top: 16px; */
}





.fort-top{
   float: left;
   color: #ffffff;
   margin-left: 703px;
   margin-top: -49px;
   /* opacity: 0.7; */
   line-height: 24px;
}
.footer-ewm{
   float: right;
   margin-top: -44px;
   margin-right: 70px;
}
.footer-ewm p{
   font-size: 14px;
   font-weight: normal;
   font-stretch: normal;
   text-align: center;
   line-height: 40px;
   letter-spacing: 0px;
   color: #999999;
}
.footer-ht{
  height: 44px;
  background: rgb(27, 27, 27,0.9);
  /* background-color: #1b1b1b; */
}
.ht{
   width: 700px;
   margin: 0 auto;
}
.ht span{
   font-size: 14px;
   font-weight: normal;
   font-stretch: normal;
   line-height: 44px;
   letter-spacing: 0px;
   margin-left: 45px;
   color: #999999;
}




#fhdb {
  position:fixed;
  width:60px;
  height:60px;
  bottom: 333px;
  right:30px;
  text-align:center;
  line-height:524px;
   text-decoration:none;
   z-index: 999;
}
.ctren {
   /* position: relative; */
   /* top: -53px; */
   position: relative;
   top: -25px;
   left: 370px;
   font-size: 14px;
   color: #005bac!important;
}
.fort-top li{
color:#ffffff;
}
.product-1 {
display: block;
}
.fott-ctn span a:hover{
color:#005bac;
}
.wipe{
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -ms-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
}
.wipe:hover{
   box-shadow: 0 5px 15px rgba(45,50,55,.2);
   -webkit-transform: translateY(-5px);
   -moz-transform: translateY(-5px);
   -o-transform: translateY(-5px);
   -ms-transform: translateY(-5px);
   transform: translateY(-5px);
}
.swiper-no {
   height: 470px!important;
}
.centere h1 a {
   color: #333333;
}
.new-couet h1 a {
   color: #333333;
}
.centere2 h1 a {
   color: #333333;
}
  ul.bottom a {
   color: white;
}
 ul.bottom a:hover{
   color: white;
text-decoration: underline;
}
.swiper_con h1 a{
color:black;
}
.swiper_con h1 a:hover{
color:#005bac;
}
.cent-c a {
   color: #666666;
}