*{margin: 0px;padding: 0px;box-sizing: border-box;font-family: "微软雅黑";}
a{text-decoration: none;}
.clr{ clear:both;}
ul,li{ list-style:none;}
body{ font-size:16px; color: #454545; background: #fff; overflow-x: hidden; }
img{ max-width:100%; vertical-align: middle;}
@font-face {
  font-family: "OpenSans-Light";
  src: url("/template/default/fonts/OpenSans-Light.ttf") format("truetype"); 
}

@font-face {
  font-family: "OpenSans-Regular";
  src: url("/template/default/fonts/OpenSans-Regular.ttf") format("truetype"); 
}

@font-face {
  font-family: "Kanit-Light";
  src: url("/template/default/fonts/Kanit-Light.ttf") format("truetype"); 
}

#h27{ display: none }

@font-face {
  font-family: "Kanit-Regular";
  src: url("/template/default/fonts/Kanit-Regular.ttf") format("truetype"); 
}
@font-face {
  font-family: "Kanit-Medium";
  src: url("/template/default/fonts/Kanit-Medium.ttf") format("truetype"); 
}
.OpenSans-Light{font-family: "OpenSans-Light";}
/* .Kanit-Light{font-family: "Kanit-Light";} */
@font-face {
  font-family: "CrimsonText-Regular";
  src: url("/template/default/fonts/CrimsonText-Regular.ttf") format("truetype"); 
}

/*  头部信息  */
.heder-bg{ background:rgba(1,96,172,0.16);}
.header-box{ width: 100%; height:auto;z-index: 99; background:#fff; position: fixed; top:0; left: 0; padding-top: 12px;  transition: all .5s ease;}
.header-box-cen{  width: 100%; margin: 0 auto; max-width: 1250px; display: flex;justify-content : space-between; }
.header-Logo{ max-width: 759px;  height: 65px;float: left;padding-top: 6px;}
@media (min-width:320px) and (max-width:768px)
{
    .header-Logo{margin-top:-10px;}
}
.menu-box{ width: auto;height: 100px; }
.menu-box li .menu_link{color: #fff; background: #004876;}
.heder-bg .menu-box li .menu_link{color: #fff !important;}
.hear-box-right{ text-align: left;}
.hear-box-right p{ font-size: 14px; color: #575757;letter-spacing: 4px;}
.heartel{ color:#0165a5; font-size: 25px; font-weight: bold;}
.heartel img{ position: relative; margin-right: 8px; top:-3px}


.menu-box{ width: 100%; height: 50px; background: #0165a5; margin-top: 7px;}
.menu-cen{width: 100%; height: 50px; margin: 0 auto; max-width: 1350px;padding: 0 3%; text-align: center; }
.menu-cen li{float: left; text-align: center; position: relative; margin: 0 auto; z-index: 999;  }
.menu-box li a{ display: block; color: #fff;padding: 0 44px; height: 50px;  line-height: 48px;  font-size: 22px;
 position: relative; transition: all .5s ease;display: -webkit-flex;font-family: "OpenSans-Light"; text-transform: Uppercase;}
.menu-cen li a:hover{transition: all .5s ease; color: #fff; background: #004876;}
.pro-cbox{ width: 1300px; text-align: left;  height:0; overflow: hidden; background: rgba(255,255,255,0.9);  position: absolute; left: -170%; 
top:50px; z-index: 8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; opacity: 0;transition: all .3s ease; }
.pro-cbox dd{ width: 31.3%; float: left; height: 183px; overflow: hidden; margin-right: 2%; margin-bottom: 44px;}
.pro-cbox dd:nth-of-type(4n){margin-right: 0;}
.pro-cbox-img{ width: 140px; float: left; height: 183px; position: relative}
.pro-cbox-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;border-radius:10px;}
.pro-cbpx-right{ padding-left: 160px;}
.pro-cbox-title{ color:#000; border-bottom: #d8d8d8 solid 1px; padding-bottom: 5px; margin-bottom: 5px;}
.pro-cbox-title a{ color:#0165a5 !important; font-weight:bold; height: inherit !important;  line-height: inherit !important; font-size: 20px !important; padding: 0 0 !important; line-height: inherit !important;}
.pro-cbox-title a:hover{ background: none !important;color: #0165a5 !important; }
.pro-cbox-a a{ color:#262626 !important; /*float: left ;*/ width: 100%; padding: 0 0 !important; font-size: 16px !important; height: 24px !important; line-height:24px !important;}
.pro-cbox-a a:hover{ color: #F00 !important; text-decoration:underline; background: none !important;text-decoration:none;}
.pro-cbox-a a:nth-of-type(even){  /* float: right;*/}
.proclass:hover .pro-cbox{ opacity: 1;transition: all .3s ease; top: 50px; height: auto;padding: 30px 50px 0px 50px;}

.menu_icon{ width: 40px; line-height: 50px; position: absolute; display: none; right: 10px; top: 0;  color: #fff; text-align: center;cursor: pointer;}
.menu_icon span{ color: #3e89c9; font-size: 26px;}
.menu_icon img{ position: absolute; right: 50px; top:18px; width: 25px;}
.Right-menu-box{ width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0,0,0,0.5); z-index: 8; display: none;}
.Right-menu-list{ width: 240px; height: 100%;  position: fixed; top: 0; right:-250px; background: #fff; transition: all .5s ease;}
.Right-menu-list ul{ padding-top: 60px; height: 95%; overflow-y: auto;}
.Right-menu-list li{ width: 100%; height: auto;border-bottom: #ddd solid 1px; position: relative;}
.Right-menu-list li a{ color: #000; font-size: 16px; display: block; padding:15px 30px; z-index: 6; position: relative; }
.Right-menu-list li a:hover{ color: #1a6d83;background: #eeeeee; }
.r-block{ display: block; padding-left: 40px; width: auto;}
.r_none{ display: none;}
.pc-none{ display: none;}
.Right-menu-list li a span{ position: absolute; right: 20px; top: 15px;}
.waplan{ position: absolute; right: 60px; top:18px; width: 50px; height: 26px; text-align: center; border-radius: 100px; line-height: 26px;background: #ffa21c; color: #fff;}
.waplan a{ color: #fff;}

.Right-clos{ width: 40px; height: 40px; text-align: right; color: #000;  font-weight: bold; position: fixed; 
right: 20px; top: 18px; cursor: pointer;}
.kong{ width: 100%; height: 60px; display: none;}
.header-right{  float: right;}
.header-tel{ font-size: 22px; font-weight: bold; height: 100px;float: left; color: #454545;display: -webkit-flex;
display: flex;flex-wrap: wrap;align-content: center;}
.header-tel span{ color: #e70012; font-size: 18px; position: relative; top: 2px;}

.footer-up{ width:50px; height:50px; position: fixed; bottom:50px; right:10px; z-index:9; background:#fff; border:#0165a5 solid 1px; border-radius:5px; text-align:center; line-height:50px;}
.footer-up img{transform:rotate(180deg); position:relative; top:-5px}


/*  banner轮播  */
.banner_box{width:100%;height:auto;position:relative; margin-top: 130px  }
.banner_ov{width:100%;height:auto;overflow:hidden;margin: 0 auto;position:relative;}
.banner_box .swiper-slide{ overflow: hidden; position: relative; padding-bottom: 42%; cursor:grab;background-size: cover !important;background-position: 50% !important;}
.banner_box .swiper-slide img{ width: 100% !important;}
.banner_box .swiper-pagination{ opacity:1; }
.banner_box .bann-swiper-pagination{bottom: 20px !important;width: 100%;position: absolute; text-align: center; z-index:6;}
.banner_box .swiper-pagination-bullet{width: 12px;height: 12px; margin-right: 20px; border-radius: 100px; border: none; background: #fff;
opacity:1 !important;transition: all .3s; outline: none;}
.banner_box .swiper-pagination-bullet-active {opacity: 1;background:#cca400;transition: all .3s;border-radius: 100px; }
.banner-bg{ position: absolute; height: 100%;  top: 0; width: 100%;}
.banner-bg img{position: absolute;width: 100%; left: 0; height: 100% !important;object-fit: cover;object-position: center;transition: all .5s ease;}
.pc-block{ display: block;}



.cenbox{ margin: 0 auto; max-width: 1300px; padding: 0 3%;  position: relative; }
.home-products-box{ width: 100%; height: auto; overflow: hidden; padding-top: 30px;}
.home-pro-top{ width: 100%; text-align: center;}
.home-pro-top p{ font-size: 42px; font-weight: bold;letter-spacing: 4px; color: #0165a5; position: relative; z-index: 6;}
.home-pro-top span{ color: #eeeeee; font-size: 44px; text-transform: Uppercase; letter-spacing: 4px;font-weight: bold; position: relative; top: -40px; z-index: 2;}
.home-class-list{ width: 100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.home-class-list li{ float: left; margin-right: 1.5%; margin-bottom: 2%; position: relative; border-radius: 10px; overflow: hidden;}
.home-class-pic{ width: 100%; height: 500px; position: relative; overflow: hidden;}
.home-class-pic img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.home-class-list li:nth-child(1){ width: 32.3%;}
.home-class-list li:nth-child(2){ width: 32.3%;}
.home-class-list li:nth-child(3){ width: 32.3%; margin-right: 0;}
.home-class-list li:nth-child(4){ width: 37%;}
.home-class-list li:nth-child(5){ width: 37%;}
.home-class-list li:nth-child(6){ width: 22%; margin-right: 0;}
.home-class-title{ position: absolute; width: 100%; height: 50px; bottom: 0; font-size: 22px; line-height: 50px; z-index: 7; background: rgba(0,0,0,0.8); color: #6696ff; padding: 0 20px; text-align:center;font-weight:bold !important;}
.home-class-list li:hover .home-class-pic img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.form-box{ width: 98.5%; height: auto; padding: 25px; overflow: hidden; border-radius: 10px; margin: 0 auto; margin-bottom: 20px; box-shadow: 1px 1px 14px rgba(1,101,165,0.2);}
.form-box-title{font-size: 36px; text-align: center; font-weight: bold; color: #0165a5;letter-spacing: 4px; }
.form-box-text{ text-align: center; font-size: 16px; color: #3b3a3a; margin-bottom: 20px;}
.form-select{ width: 100%; outline: none; padding-left: 15px; font-size: 18px;  border: none; }
.selectbox{width: 24%;height: 50px; float: left;  line-height: 50px;  background: #e1f5ff;border-radius: 8px; margin-right: 10px;}
.form-input{ width: 100%; height: 50px; font-size: 18px; color: #000; padding-left: 15px; line-height: 50px; border: none; background: none; outline: none;}
.form-input::placeholder {color:#666;}
select {
  /*将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(/template/default/images/dw.png)  92% 50%  no-repeat scroll transparent; background-size:20px ;

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}
.noticTipTxt{width:100%;height:46px;line-height:46px;overflow:Hidden;margin:0 auto; margin-top: 30px;}
.noticTipTxt li{ width: 31.5%; float: left; text-align: center; font-size: 14px; color: #393939; background: #f6f6f6;height:46px;line-height:46px; margin-right: 2%; 
border-radius: 100px; overflow: hidden;}
.noticTipTxt li:nth-of-type(3n){margin-right: 0;}
.form-buttom{ width: 268px; height: 60px; line-height: 60px; display: block; background: none; outline: none; cursor: pointer;
 border: #0165a5 solid 1px; margin: 0 auto; color: #0165a5; font-size: 26px; border-radius: 100px; margin-top: 30px;transition: all .5s ease;}
.form-buttom:hover{ background: #0165a5; color: #fff;transition: all .5s ease;}



.cases-bg{ width: 100%; height: auto; overflow: hidden; background: url(/template/default/images/cases-bg.jpg) top no-repeat;   margin-top: 30px;}
.home-pro-top a{ float: right; color: #0165a5;}
.home-cases-list{ width: 100%; height: auto; overflow: hidden;}
.home-cases-list li{ width: 32%; float: left; height: auto; overflow: hidden; margin-right: 2%;}
.home-cases-list li:nth-of-type(3n){margin-right: 0;}
.home-cases-pic{ padding-bottom: 82%; position:relative; overflow: hidden; border-radius: 10px;}
.home-cases-pic img{position: absolute;width: 100% !important; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.home-cases-n{ width: 100%; height:100%; text-align: center; position: absolute; top:0; left: 0;  background: rgba(0,0,0,0.2); z-index: 1;transition: all .5s ease;}
.home-cases-title{ width: 100%; height: 50px; line-height: 50px; color: #414141; font-size: 20px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom: 10px;}
.home-cases-xq{ color: #fff; font-size: 24px; margin-top: 5px; padding: 0 10px; }
.home-cases-sf{ color:#fff; font-size: 24px; margin-top: 25%; padding: 0 10px;}
.home-cases-n p{ width: 100px; height: 28px; line-height: 28px; font-size: 14px; border-radius: 100px; border: #fff solid 1px; color: #fff;transition: all .5s ease;text-align: center; display: block;  position: absolute; bottom: -100px; left: 50%; margin-left: -50px; }
.home-cases-list li:hover .home-cases-n p{ bottom:40px;transition: all .5s ease;}


/*.home-cases-list li:hover .home-cases-n{ opacity: 1;transition: all .5s ease; top: 0;}*/

.home-youshi{ margin-top: 30px;  }
.home-youshi li{ width: 22.5%; height: 340px; float: left; margin-right: 3%; margin-bottom: 20px; border-radius: 10px; background: #fff; box-shadow: 1px 1px 14px rgba(1,101,165,0.2);}
.home-youshi-top{ background: #e6f6ff; text-align: center; padding-top: 20px; padding-bottom: 20px;}
.home-youshi-top img{ max-width: 66px; max-height: 66px;}
.home-youshi-top p{ font-size: 36px; font-weight: bold; color: #0165a5; margin-top: 10px;}
.home-youshi li:nth-of-type(4n){margin-right: 0;}
.home-youshi-bottom{ padding: 30px 20px; line-height: 1.75rem;}
.home-about{ padding-top: 30px;}


.home-about-left{ width: 48%;  float: left; position: relative;  z-index:1}
.home-about-title{ color: #3b3a3a; font-size: 15px; font-weight: bold;letter-spacing: 2px; position: relative;z-index: 9;}
.home-about-entitle{ color: #3b3a3a; font-size: 10px;position: relative;z-index: 9;}
.home-about-line{ width: 120px; margin-top: 20px; margin-bottom:20px; height: 2px; background: #adadad;position: relative;z-index: 9;}
.home-about-text{ width: 100%; line-height: 1.75rem; color: #8b8b8b; font-size: 17px; margin-bottom: 40px;position: relative;z-index: 9;}
.home-about-more{ width: 120px; height: 35px; position: relative;z-index: 9;}
.home-about-more a{ width: 100%; height: 35px; line-height: 35px; display: block; color: #3b3a3a; border: #3b3a3a solid 1px;transition: all .5s ease; border-radius: 100px; text-align: center;}
.home-about-more a:hover{ background: #3b3a3a; color: #fff;transition: all .5s ease;}
.home-about-bg{ font-size: 160px ; color: #f9f9f9; font-weight: bold; position: absolute; bottom: -50px; z-index: 1; right:10px;}  
.home-about-right{ width: 48%; float: right; position: relative; padding-bottom: 28%; border-radius: 10px; overflow: hidden;}
.home-about-right .about-pic{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.home-about-video{ width: 82px; height: 82px; position: absolute; top: 40%; cursor:pointer; left: 50%; margin-left: -41px; z-index: 8;}

.web-number{ width: 100%; height: auto; overflow: hidden; padding-top: 66px; padding-bottom: 66px;}
.number-cenbox{margin: 0 auto; max-width: 1315px; padding: 0 3%; text-align: center; }
.attr dd{  text-align: center; width: 33%; color: #0165a5; float: left; }
  .attr dd div{ width: 100%;}
.animateNum{ font-size: 100px; font-weight: bold;}
.attr dd em{ font-size: 100px; font-weight: bold; font-style: normal;}
.number-cenbox p{ color: #282828;}
.cenbox2{ margin: 0 auto; max-width: 1400px; padding: 0 3%; }

.home-honor-box{ width: 100%; height: auto;}
.home-honor-box .swiper-slide{ width: 25%;}
.ability-buttom-left{ left: -40px !important; outline:none; color: #999 !important;  transform:scale(.5);}
.ability-buttom-left::after,.ability-buttom-right::after{ font-size: 60px !important; color: #000;}
.ability-buttom-right{ right: -40px !important;outline:none;color: #999 !important;  transform:scale(.5);}
.abilityB:hover .ability-title div{ color: #073f7e;}
.home-products-more{width: 120px; height: 36px; line-height: 36px; font-size: 14px; margin: 0 auto; background: #073f7e; color: #fff; text-align: center; display: block; border-radius: 5px;}
.abilityB{ width: 91%; margin: 0 auto; height:440px;transition: all .3s ease-out 0s; border-radius: 5px; background: #fff; border: #dcdcdc solid 1px;box-shadow: 0 5px 15px rgba(7,63,126,.1);}
.ability-pic .About-pic-butt{ margin-top: 40px;}
.ability-pic-img{ height: 400px;display: flex; overflow: hidden; position: relative;
align-items: center;
justify-content: center;}
.ability-pic-img img{ max-width: 100%; max-height: 100%;}
.ability-title{ height:40px; padding: 0 25px; text-align: center; font-size: 16px; color: #565656;  position: relative; }
.ability-title div{ color: #333; margin-bottom: 5px;   overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ability-pic{ width: 100%; height: auto; position: relative;}
.abobox{ overflow: hidden;}

.home-newstop{ margin-top: 40px;}
.HomeProductsList{ width:100%; height:auto; margin-top: 30px;  }
.HomeProductsList .Home_Products_tab{ overflow:hidden; width: 100%; text-align: right; position: relative; top: -44px;}
.HomeProductsList .Home_Products_tab ul{ display: inline-block;}
.HomeProductsList .Home_Products_tab a{ display:block; padding:8px 30px; border: #0165a5 solid 1px; margin-left: 10px; 
border-radius: 100px; display: inline-block; text-decoration:none; color:#0165a5;}
.HomeProductsList .Home_Products_tab a:hover{ border: #0165a5 solid 1px; color:#0165a5;}
.HomeProductsList .Home_Products_tab div{ display: inline-block;}
.HomeProductsList .Home_Products_tab div a{border: #fff solid 1px !important; color: #000 !important;}
.HomeProductsList .Home_Products_tab a.Home_products_on{ background: #0165a5; color:#fff;}
.HomeProductsList .Home_Products_content{  color: #000; }
.HomeProductsList .Home_Products_content li{ display:none;}

.fenzhi-box{ width:100%; height:auto; margin-top: 30px;  }
.fenzhi-box .fenzhi_tab{ overflow:hidden; width: 100%; text-align: right; position: relative; top:-65px; z-index:9; }
.fenzhi-box .fenzhi_tab ul{ display: inline-block;}
.fenzhi-box .fenzhi_tab a{ display:block; padding:8px 30px; border: #0165a5 solid 1px; margin-left: 10px; 
border-radius: 100px; display: inline-block; text-decoration:none; color:#0165a5;}
.fenzhi-box .fenzhi_tab a:hover{ border: #0165a5 solid 1px; color:#0165a5;}
.fenzhi-box .fenzhi_tab div{ display: inline-block;}
.fenzhi-box .fenzhi_tab div a{border: #fff solid 1px !important; color: #000 !important;}
.fenzhi-box .fenzhi_tab a.fenzhi_on{ background: #0165a5; color:#fff;}
.fenzhi-box .fenzhi_content{  color: #000; position:relative; top:-30px; }
.fenzhi-box .fenzhi_content dl{ display:none;}



.HomeProductsImg{ width: 50%; float: left; overflow: hidden; position: relative; top: -70px;box-shadow: 1px 1px 14px rgba(1,101,165,0.2); border-top-left-radius: 50px;
border-bottom-right-radius: 50px;}
.HomeProductsImg:hover .home-newsbox div{ color: #307aaf;}
.HomeProductsImg-img{ width: 100%; position: relative;}
.HomeProductsImg-img img{width: 100%; left: 0; max-height:100%; object-fit: cover;object-position: center;transition: all .5s ease;}
.home-newsbox{ padding: 30px;}
.home-newsbox div{ font-size: 28px; color: #3b3a3a; font-weight: bold;}
.home-newsbox p{ color: #8b8b8b; line-height: 1.75rem; margin-top: 15px; margin-bottom: 5px;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;}
.home-newsbox span{ float: right; margin-bottom: 25px; display: block;color: #8b8b8b; font-size: 14px;}
.HomeProductsRight{ width: 46%; float: right;}
.HomeProductsRight dd{ width: 100%; height: auto; overflow: hidden; margin-bottom: 15px;}
.home-news-title{ font-size: 28px; font-weight: bold; color: #3b3a3a;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.home-news-text{color: #8b8b8b; line-height: 1.65rem; margin-top: 10px; margin-bottom: 5px;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;}
.home-news-bottom{ font-size: 14px; color: #307aaf; opacity: 0;}
.HomeProductsRight dd:hover .home-news-bottom{ opacity: 1;}
.HomeProductsRight dd:hover .home-news-title{ color: #307aaf;}
.listmore{ float: right; color: #307aaf;}


.video-bg{ width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 99;}
.video-pop{ width: 980px; display: none;  position: fixed; background:none;  top: 15%; left: 50%;margin-left: -490px; background: #252525; padding: 10px; z-index: 999;}
.video-pop video{ width: 100%; max-height: 100%;  border: none;}
.video-cols{ width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 100px; background: #fff; position: absolute; right: -15px;
top: -15px; z-index: 999; cursor: pointer;}
.video-cols span{ color: #000;}


.parbox{ width: 100%; height: auto; overflow: hidden;}
.parbox li{ width: 15.7%; float: left; height: 90px;display: flex;transition: all .5s ease;
align-items: center;justify-content: center; border: #d5d5d5 solid 1px; border-radius: 5px; margin-right: 1%; margin-bottom: 1%;}
.parbox li:nth-of-type(6n){margin-right: 0;}
.parbox li:hover{box-shadow: 1px 1px 14px rgba(1,101,165,0.2);transition: all .5s ease;}
.parbox li img{ max-width: 100%; max-height: 100%;}

.footer-bg{ width: 100%; height: auto; overflow: hidden; background: #0165a5; margin-top: 5%; padding-top: 30px;}
.footer-copy{ border-top: #fff  solid 1px; padding-top: 20px; margin-bottom: 20px; margin-top: 10px; text-align: center; color: #fff;}
.footer-copy a{ color: #fff;}
.footer-left{ width: 30%; float: left;}
.footer-title{ color: #fff; font-size: 18px;letter-spacing: 2px; }
.footer-line{ width: 80px; margin-top: 15px; margin-bottom: 15px; height: 1px; background: #fff;}
.footer-left-text{ color: #fff; line-height: 1.75rem;}
.footer-left-text a{ color:#fff}
.footer-left-wx{ width: 100%; margin-top: 40px;}
.footer-left-wx li{ width: 45%; float: left; margin-right: 2%;}
.footer-left-wx li p{ font-size: 12px; color: #fff;  margin-top: 8px;}

.footer-cen{ width: 40%; float: left; margin-left: 5%;}
.footer-seach{ color: #fff; font-size: 18px; width: 100%; margin-bottom: 40px; overflow: hidden; margin-top: 16px;}
.footer-seach a{ color: #fff; font-size: 16px; float: left; margin-right: 15px; margin-bottom: 10px;}
.footer-seach a:hover{ text-decoration: underline;}
.footer-bott{ margin-bottom: 80px;}

.footer-right{ width: 25%; float: right;}
.footer-right-top{ font-weight: bold; color: #fff; font-size: 30px; text-align: right;}
.footer-right-line{ width: 90px; height: 5px; background: #fff; float: right; margin-top: 25px; margin-bottom:150px}
.footer-icon{  width: 100%;}
.footer-icon li p{ color: #fff; text-align: center; margin-top: 8px; font-size: 14px;}
.footer-youq{ margin-bottom: 0 !important;}
.footer-icon li{ position: relative; float: left; margin-left: 7%;}
.footer-tiop{ width: 120px; height: 120px; position: absolute; top: -130px; left: -30px; display: none;}
.footer-icon li:hover .footer-tiop{ display: block;}



.web_left{ width: 21%; height: auto; float: left;}
.pro_menu{ width:100%; height:auto; overflow: hidden; margin-top:60px;border:#ebebeb solid 1px; margin-right:30px;}
.menu_list{width:100%;}
.pro_menu .menu_head{width:100%;height: auto; overflow:hidden; line-height:20px; padding-top:19px; padding-right:50px; padding-bottom:19px; padding-left:20px;font-size:16px !important; 
text-transform: Uppercase;color:#282828;cursor:pointer;border-bottom:#e6e9ef solid 1px; position:relative;margin:0;  }
.pro_menu .menu_head span{font-family: "Kanit-Light" !important;}
/* .menu_head::before{ content: "\e604"; position: absolute;right: 15px; top:20px;} */
/* .menu_list .current::before{content: "\e60f"; transform:rotate(-90deg);} */
.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px;border-bottom:#ebebeb solid 1px; padding-bottom:12px; padding-top:12px;}
.menu_body a{display:block;width:100%;height:auto;line-height:18px; padding-top: 10px; padding-bottom: 10px; padding-left:30px; padding-right: 15px; color:#000; 
font-size:14px;text-decoration:none;/* font-family: "OpenSans-Light"; */font-family: "OpenSans-Light";}
.menu_body a:hover{text-decoration: underline;color:#004d7a;}
.menu_body .pro_menulinks{ color:#004d7a;}
.pro_menu2{ height: 90%;overflow: scroll; }
.pro_menu2 ul{ padding-top: 0;}


.hbox{ margin-right: 0 !important;}

.ny-bann{ width: 100%; background-size: cover !important;background-position: 50% !important; margin-top: 130px; padding-bottom: 26%; position: relative;}
.ny-bann-cen{margin: 0 auto;width: 100%; padding: 0 3%; position: absolute; top: 30%; z-index: 5;}
.ny-bann-top{ color: #a1a1a1; margin-bottom: 60px;}
.ny-bann-top a{ color: #fff;}
.ny-bann-bottom p{ color: #fff; font-size: 80px; font-weight: bold; text-align: center; margin-bottom: 15px;}
.ny-bann-bottom span{ color: #fff; font-size:22px;text-transform: Uppercase; text-align: center; display: block; width: 100%;}
.ny-proseacr{ width: 200px; height: 40px; line-height: 40px;  border: #fff solid 1px; border-radius: 100px; position: absolute; bottom: 15%;
left: 50%; margin-left: -100px; z-index: 8;}
.proinput{ width: 70%; height: 38px; line-height: 38px; float: left; border: none; outline: none; background: none; color: #fff; padding-left: 15px;}
.pro-search{ width: 30%; float: right; height: 40px; float: left; line-height: 40px; border: none; outline: none; cursor: pointer;
 background: url(/template/default/images/search-icon.png) center no-repeat; background-size:20px ;}

.ny-menu{ width: 100%; height:auto ; overflow: hidden; text-align: center;box-shadow: 2px 2px 14px rgba(0,0,0,0.1); }
.ny-menu div{margin: 0 auto; max-width: 1300px; padding: 0 3%;}
.ny-menu li{ float: left; margin-right:50px;}
.ny-menu li a{ height: 70px; line-height: 70px; font-size: 20px; color: #000; display: block; position: relative; }
.ny-menu li a::before{ width: 100%; height: 3px;  background: #0165a5; content: ""; display: block; position: absolute; bottom: 0; opacity: 0;}
.ny-menu li a:hover{ color: #0165a5; }
.ny-menu li a:hover::before{ opacity: 1;}
.ny-menu li .menu-act{  color: #0165a5;}
.ny-menu li .menu-act::before{ opacity: 1;}

.gpsbox{ margin-top: 15px; color: #0165a5;}
.gpsbox a{ color: #0165a5;}
.ny-productsbox{ width: 100%; margin-top:30px ;}
.pro-left{ width: 220px; float: left;}
.pro-left-menu{ width: 100%;}
.pro-left-menu li{ width: 100%; height: 60px;  line-height: 60px; margin-bottom: 15px; }
.pro-left-menu li a{border-radius: 8px;border: #aaa solid 1px; height: 60px; overflow: hidden; width: 100%; line-height: 58px; display: block;}
.pro-left-menu li a:hover{ background: #0165a5; border: #0165a5 solid 1px;transition: all .5s ease;box-shadow: 1px 1px 14px rgba(1,101,165,0.4);}
.pro-left-menu li a:hover .products-title{ color: #fff;transition: all .2s ease;}
.pro-left-menu li a:hover .products-icon img{ -webkit-transform: translateY(-60px);filter: drop-shadow(#fff 0 60px);}
.products-icon{ width: 80px; height: 58px; line-height: 58px; text-align: center; overflow: hidden; float: left;}
.products-title{ width:130px ; float: left; font-size: 17px; color: #414141; font-weight: bold; overflow: hidden;}
.pro-act{background: #0165a5; border: #0165a5 solid 1px;box-shadow: 1px 1px 14px rgba(1,101,165,0.4);}
.pro-act .products-icon img{ -webkit-transform: translateY(-60px);filter: drop-shadow(#fff 0 60px);}
.pro-act .products-title{ color: #fff;}

.products-contact{ width: 100%; height: auto; margin-bottom: 50px; overflow: hidden; background: #ebf6ff; border-radius: 10px; text-align: center; padding:20px}
.products-contact-logo{ margin-bottom: 15px;}
.products-contact-tel{ line-height: 1.65rem; margin-bottom: 10px;}
.products-contact-wx img{ width: 94px; }
.products-contact-wx p{ color: #0165a5; font-size: 14px; margin-top: 10px; margin-bottom: 10px;}
.products-contact-add{ font-size: 12px;}
.pro-right{  width: 78.5%; float: right;}
.pro-right li{ width: 32%; height: 380px; float: left; margin-bottom: 20px; overflow: hidden; background: #f6f6f6; margin-right: 2%; border-radius: 8px;transition: all .5s ease;}
.pro-right li:nth-of-type(3n){margin-right: 0;}
.pro-list-img{ width: 100%; height: 300px;display: flex;
align-items: center;justify-content: center; }
.pro-list-img img{ max-width:100$; max-height:100%}
.pro-text{ text-align: center; height: 45px;}
.pro-text p{ color: #414141; padding: 0 10px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pro-text span{ color: #414141; font-size: 12px;padding: 0 10px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pro-bottom{ width: 100%; height: 40px; line-height: 40px; position: relative; top: 60px; background: #0165a5; opacity: 0; transition: all .5s ease;}
.pro-bottom a{ width: 49.9%; float: left; color: #fff; display: block; text-align: center; border-left: #fff dotted 1px;}
.pro-right li:hover .pro-text p,.pro-right li:hover .pro-text span{ color: #0165a5;}
.pro-right li:hover{box-shadow: 1px 1px 14px rgba(1,101,165,0.4);transition: all .5s ease;}
.pro-right li:hover .pro-bottom{ opacity: 1;  top: 0;transition: all .5s ease;}
.pro-wapclass{ display: none;}
.pro-show-img{ width: 60%; margin: 0 auto; margin-top: 50px;}
.imgtop img{transform:rotate(0deg) !important}
.pro-show-img .swiper-slide{ width: 100%;}

.pro-show-img .abilityB{ border: none;box-shadow:none}
.sho-pro{ text-align: center;}
.sho-pro .swiper-pagination-bullet{ margin: 0 5px;}
.sho-lrbuix{ top: 40% !important;}
.show-porbox{ height: auto !important;}
.show-porbox h1{ font-weight: normal; font-size: 20px;}
.pro-show-buttom{ width: 100%; height:44px; text-align: center; margin-top: 30px;}
.pro-show-buttom li{ margin: 0 15px;height: 42px; display: inline-block; line-height: 42px; border: #0165a5 solid 1px;transition: all .5s ease; border-radius: 100px;  text-align: center;}
.pro-wx{ display: none; border: #0165a5 solid 1px; width: 120px; height: 120px; position: absolute; top: -130px; left: 13px; z-index: 99;}
.pro-show-buttom li a{ padding: 0 40px; color: #0165a5; width: 100%; display: block;transition: all .5s ease; position: relative;}
.pro-show-buttom li:hover{ background: #0165a5; color: #fff;transition: all .5s ease;}
.pro-show-buttom li:hover a{ color: #fff;transition: all .5s ease;}
.pro-show-buttom li a:hover .pro-wx{ display: block;}
.pro-show-tbox{ color: #414141; font-size: 40px; font-weight: bold; text-align: center;letter-spacing: 4px; margin-top: 20px;}
.pro-show-text{ width: 100%; text-align: center; line-height:2.5rem; margin-top: 20px; margin-bottom: 20px; font-size: 20px; color: #414141;}
.pro-show-tjian{ width: 100%; margin-top: 40px;}
.pro-show-tjian li{ width: 23%; height: 330px; float: left; border-radius: 10px; margin-right: 2%; background: #f6f6f6;transition: all .5s ease;}
.pro-show-tjian li:nth-of-type(4n){margin-right: 0;}
.show-imgbpx{ width: 100%; height: 190px;display: flex;
align-items: center;
justify-content: center;}
.show-imgbpx img{ max-width: 100%; max-height: 100%;}
.show-tj-title{  padding: 0 10px; text-align: center; color: #414141; font-size: 18px; overflow:hidden; margin-top: 15px; margin-bottom: 20px;}
.pro-show-tjian li p{ width: 100px; height: 30px; font-size: 12px; border-radius: 100px;letter-spacing: 4px; text-align: center; color: #0165a5; line-height: 30px; border: #0165a5 solid 1px; margin: 0 auto;}
.pro-show-tjian li:hover{box-shadow: 1px 1px 14px rgba(1,101,165,0.4);transition: all .5s ease;}
.show-topbox{ margin-top:140px}

.fanhui{ width: 120px;position:absolute; top:30px; left:45%; border-radius:8px; overflow:hidden; margin-left:-60px; color:#0165a5;   height: 40px; line-height: 40px; margin:0 auto; border: #0165a5 solid 1px; text-align: center;}
.fanhui:hover{ background: #00b7eb; color: #fff;}
.fanhui a:hover{ color: #fff;}
.sx-box{ width: 100%; height: auto; overflow: hidden; position:relative;  border-top: #00b7eb solid 2px; margin-top: 7%; margin-bottom: 6%;}
.sx-box li{ width: 35%; float:left; margin-top: 30px;}
.sx-box li:nth-of-type(even){   float: right;}
.sx-box li p{ width: 100px; float:left; height: 40px ;line-height: 40px; background: #0165a5; margin-right:10px; color: #fff; text-align: center; font-size: 18px;}
.sx-box li span{ color: #414141; font-size: 18px; line-height:40px; display: block;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}



.solu-list{ width: 100%; margin-top: 40px;}
.solu-list li{ width: 32%; height: 410px; float: left; border-radius: 10px; margin-bottom: 20px; overflow: hidden; margin-right: 2%; background: #f6f6f6;transition: all .5s ease;}
.solu-list li:nth-of-type(3n){margin-right: 0;}
.solu-imgbpx{ width: 100%; height: 300px;position: relative;}
.solu-imgbpx img{ position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.solu-title{  padding: 0 20px; color: #0165a5; font-size: 18px; overflow:hidden; margin-top: 15px; margin-bottom: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.solu-list li p{ width: 100%; color: #414141; padding: 0 20px; line-height: 1.45rem; font-size: 14px; display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all; }
.solu-list li:hover{box-shadow: 1px 1px 14px rgba(1,101,165,0.4);transition: all .5s ease;}
.solu-ajax{ width: 100%; height: 40px; cursor: pointer; margin-top: 20px;  margin-bottom: 50px; line-height:40px; text-align: center; border: #0165a5 solid 1px; border-radius: 100px;}
.solu-ajax img{ position: relative; top: -2px;}

.content-box{ width: 100%; height: auto; min-height: 400px; overflow: hidden; margin-top: 40px; line-height: 2.5rem; }
.content-box img{ max-width:100%; width:auto !important; height:auto !important}
.cases-tcen{ width: 100%; text-align: center; padding-top: 15px !important;  padding-bottom: 12px !important;}
.cases-tcen div{ display: inline-block; margin: 0 auto; padding: 0 10px  !important;}
.cases-input{ width: 265px; height: 40px; font-size: 16px; line-height: 40px; padding-left: 20px; outline: none; float: left; border: #e0e0e0 solid 1px; border-radius: 100px;}
.cases-buttom{ width: 130px;  height: 40px; line-height: 40px; float: left; background: #0165a5; font-size: 18px; margin-left: 15px; border-radius: 100px; color: #fff; text-align: center; border: none; outline: none; cursor: pointer;}
.cases-input::placeholder {color:#999;}

.cases-tcen .select2 dd ul li{ float: left; }
.cases-tcen .select2 dd ul li:nth-of-type(even){float: left;}
.select2{position:relative;width:250px; height:40px;border: #e0e0e0 solid 1px; border-radius: 100px; line-height:40px;}
.select2 dt{height:40px;display:inline-block; text-align: left; border:none;line-height:40px; color:#949494; 
padding-left:20px;cursor:pointer;width:100%;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:6;}
.select2 dt:hover,.select2 dt.cur{}
.select2 dd{position:absolute;left:0;top:40px;background:#fff;display:none; width:250px;
 padding-top:10px; padding-bottom:10px;  z-index: 2;box-shadow: 1px 1px 14px rgba(1,101,165,0.4);}
.select2 dd ul{padding:0 14px;width:100%;height:auto;overflow:auto;}
.select2 dd ul li { margin-right: 0; padding: 0 !important;}
.select2 dd ul li:nth-of-type(even){   float: right;}
.select2 dd ul li a{line-height:36px;display:block;padding:0 8px; font-size: 18px !important; height: auto !important; color:#999; float:left; width:100%}
.select2 dd ul li a:hover{background:#0165a5; color:#fff;}
.select2 img{ position:absolute; width: 20px; right:20px; top:10px; z-index:2;}
.select2 dd ul li a::before{ display: none !important;}
.casesmenu{ overflow: visible !important;  position: relative;}

.list-news{ width: 100%; height: auto; overflow: hidden; margin-top: 40px;}
.list-news li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 4%;}
.list-news li:hover .list-news-pic img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.list-news li:hover .list-news-line{ width: 100% ;transition: all .5s ease;}
.list-news-pic{ width: 40%; height: 260px; float: left; position: relative; border-radius: 10px; overflow: hidden;}
.list-news-pic img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.list-news-right{ width: 55%; float: right;}
.list-news-title{ font-size: 28px; color: #307aaf; font-weight: bold;letter-spacing: 2px;}
.list-news-text{ font-size: 19px; color: #7f7f7f; line-height: 1.75rem; margin-top: 25px; margin-bottom: 15px;}
.list-news-line{ width: 100px; height: 1px; background: #7f7f7f; margin-bottom: 20px;transition: all .5s ease;}
.list-news-buttom{ font-size: 16px; color: #999;}
.list-news-buttom span{ margin-right: 15px;}
.news-search{ float: right; padding-top: 15px !important;}

.show-news-title{ width: 100%; font-size: 24px; margin-top: 40px; border-bottom: #e0e0e0 solid 1px; padding-bottom: 15px; font-weight: bold; color: #307aaf;}
.show-news-title h1{font-size: 24px;}
.show-news-time{ margin-top: 15px;}
.show-news-time span{ margin-right: 20px; color: #999;}
.news-content{ line-height: 2rem; margin-top: 50px;  min-height: 400px;  font-size: 18px; color: #7f7f7f;} 
.news-content img{ max-width:100%; width:auto !important; height:auto !important}
.news-tag{ color: #0165a5; font-weight: bold; font-size: 20px; margin-top:40px}
.news-tag-list{ width: 100%; height: auto; overflow: hidden; margin-top: 10px;}
.news-tag-list li{  height: 30px; margin-bottom: 10px;  line-height: 28px; margin-right: 10px; color: #7f7f7f; border: #e0e0e0 solid 1px; border-radius: 100px; float: left; border-radius: 100px;}

.news-tag-list li a{color: #7f7f7f;padding: 0 20px; display:block}
.news-tag-list li a:hover{ color:#0165a5}

.culture-list{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.culture-list li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.culture-title{ width: 23%; float: left;}
.culture-title div{ font-size: 44px; color: #0165a5; font-weight: bold; margin-top: 25px; margin-bottom: 20px;}
.culture-title p{ font-size: 46px; color: #f6f6f6; line-height: 3.5rem; font-weight: bold; text-transform: Uppercase;}
.culture-pic{ width: 71%; float: right;}
.culture-list li:nth-of-type(2n) .culture-title{ float: right;}
.culture-list li:nth-of-type(2n) .culture-pic{ float: left;}

.honor-list{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.honor-list li{ width: 32%; height: 300px; float: left; margin-right: 2%; border: #e0e0e0 solid 1px; overflow: hidden; margin-bottom: 30px;}
.honor-list li:nth-of-type(3n){margin-right: 0;}
.honor-pic{ width: 100%; height: 240px;display: flex;align-items: center;justify-content: center;}
.honor-pic img{ max-width: 100%; max-height: 100%;transition: all .5s ease;}
.honor-title{ width: 100%; height: 50px; line-height: 50px; color:#414141; text-align: center;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.honor-list li:hover .honor-pic img{transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}


.historybox{ margin-top: 50px; background: url(/template/default/images/history-top-bg.jpg) center no-repeat; border-radius: 10px;}
.historybox .abilityB{ border: none; background: none; box-shadow:none; height: 90px;}
.historybox .ability-title{  padding-top: 30px; font-weight: bold; font-size: 24px;}
.historybox .swiper-slide{ width: 16% !important;}

.historybox-bottom-bg{ width: 100%; height: auto; overflow: hidden; padding-bottom: 100px; background: url(/template/default/images/history-bottom-bg.jpg) bottom no-repeat;}
.history-cen{ width: 60%; height: auto; min-height: 500px; overflow: hidden; margin: 0 auto; position: relative;}
.history-cen::before{ width: 1px; height: 95%; content: ""; display: block; position: absolute; left: 50%; top: 0; background: #c1c1c1;}
.history-cen li{ width: 100%; float: left; position: relative; padding-top: 20px; padding-bottom: 20px;}
.hist-title{  color: #414141; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.hist-text{ width: 80%; line-height: 1.8rem;}
.hist-yuan{ width: 30px; height: 30px; border: #c1c1c1 solid 1px; background: #fff; border-radius: 100px; position: absolute; right: -16px; top:40%}
.hist-yuan p{ width: 30px; height: 1px; position: absolute; left: -30px; top: 50%; background: #c1c1c1; }
.hist-box{ width: 50%; position: relative; float: left;}
.history-cen li:nth-of-type(2n) .hist-box{ float: right; padding-left: 10%;}
.history-cen li:nth-of-type(2n) .hist-yuan{ left: -16px; right: inherit;}
.history-cen li:nth-of-type(2n) .hist-yuan p{ left:29px;}


.contact-map,#allmap{ width: 100%; height: 650px; position: relative;}
.contact-cen{ width: 1180px; height: 650px; position: absolute;left: 50%; margin-left: -590px; top:0 ; z-index: 9;}
.contact-pop{ width: 40%; height: auto ; padding: 25px; margin-top: 30px; border-radius: 10px; overflow: hidden; background:#fff;box-shadow: 1px 1px 14px rgba(1,101,165,0.4);}
.contact-pop-title{ font-size: 34px; font-weight: bold; color: #0165a5;}
.contact-pop-line{ width: 100px; height: 2px; background: #414141; margin-top: 15px; margin-bottom: 15px;}
.contact-pop-text{ font-size: 20px; color: #414141; line-height: 2.2rem; padding-bottom: 20px;}
.contact-pop-text a{color:#000000}
.contact-wx-img li{ width: auto; float: left;  height: 78px; margin-right: 20px; position: relative;}
.contact-wx{ width: 120px ;height:120px; background: #fff; border:#0165a5 solid 1px; display: none; position: absolute; top:-130px;left: -20px;}
.contact-wx-img li:hover .contact-wx{ display: block;}
.contact-wx img{ max-width: 100%; max-height: 100%;}

#allmap img{ max-width: inherit !important;}
.contact-list{ width: 100%; height: auto; overflow: hidden; margin-top: 30px;}
.contact-list-title{ font-size: 34px; color: #0165a5; font-weight: bold ; margin-top: 30px;}
.contact-list-ti img{ display: block; margin-bottom: 10px }
.contact-list li{ width: 32%; height: 330px ; overflow: visible; padding: 20px; margin-bottom: 15px; float: left; border: #e8e8e8 solid 1px; border-radius: 5px; margin-right: 2%;}
.contact-list li:nth-of-type(3n){margin-right: 0;}
.contact-list-ti{ font-size: 24px; color: #414141; font-weight: bold; margin-bottom: 10px;}
.contact-list-text{ font-size: 14px; height: 168px;  line-height: 1.75rem;}
.contact-list-icon{ margin-top: 15px;}
.contact-list-icon a{ width: 85px; height: 30px; font-size: 14px; line-height: 30px; border-radius: 100px; margin-right: 10px; color: #0165a5; border: #0165a5 solid 1px; float: left; display: block; text-align: center; }
.contact-list-icon a:nth-child(1){  background: #0165a5; color: #fff;}
.contact-list li .conbopx{ float: right; position: relative;}
.contact-list li .conbopx:hover .contact-wx2{ display: block;}
.contact-wx2{width: 100px ;height:100px; overflow: hidden; background: #fff; border:#0165a5 solid 1px; border-radius: 8px; display: none; position: absolute; top:-110px;left: -50px;box-shadow: 1px 1px 14px rgba(1,101,165,0.4);}
.contaf-2{ width: 100%;position: relative;}
.contaf-2-title{font-size: 34px; color: #0165a5; font-weight: bold ; margin-top: 30px; float: left;}
.contaf-2-left{ float: left; margin-top: 32px; margin-left: 20px;}
.contaf-2-left li{ float: left; width: 50%; text-align: center;}
.contaf-2-left .select2{ border: #0165a5 solid 1px;}
.contaf-2-left  .select2 dd ul li a{ padding: 0}
.cont-listbox{ width: 100%; height: auto; overflow: hidden; margin-top: 30px; border: #e0e0e0 solid 1px; background: url(/template/default/images/con-iimg.jpg)  95% no-repeat; border-radius: 8px;}
.conlist-img{ width: 25%; height: 185px;  position: relative; float: left;}
.conlist-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.conlist-right{ width: 70%; float: right;}
.contact-r-box{ width: 100%; height: auto; overflow: hidden; padding-top: 15px; min-height:60px}
.contact-r-box div{ font-size: 24px; font-weight: bold; color: #414141;  float: left;}
.contact-r-box p{ width: 70%; float: left; font-size: 12px; position: relative; top:15px; margin-left: 10px;}
.con-line{ width: 30%; height: 1px; background: #e8e8e8; margin-top: 15px;}
.banner_box .swiper-slide img{ width:inherit !important; max-width:100% !important}
.banner-bg img{ position:relative; height:auto !important}

.contlisttext{ width: 30%; line-height: 2rem; margin-top: 10px; float: left;}
.contact-lwx{ width: 12%; float: left; margin-top: 10px;}
.contact-alist{ width:20%; float: left; margin-top: 15px; margin-left: 5%; }
.contact-alist a{ width: 110px; height: 30px; line-height: 30px; margin-top: 10px; text-align: center; font-size: 14px;letter-spacing: 2px; display: block; border-radius: 100px; border: #0165a5 solid 1px; color: #0165a5;}
.contact-alist a:hover{ background: #0165a5; color: #fff;}

.messa-bg{ width: 100%; height: auto; overflow: hidden; padding-top: 5%; padding-bottom: 3%; background: url(/template/default/images/messa-bg.jpg) center no-repeat;}
.messa-title{ font-size: 44px; font-weight: bold; color: #414141; text-align: center;letter-spacing: 2px; }
.messa-text{ width: 100%; text-align: center; font-size: 18px; color: #414141; margin-top: 10px;}
.messa-list{ width: 80%; margin: 0 auto; margin-top: 5%; }
.messa-list li{ width: 48%; height: 60px; line-height: 60px; float: left; margin-bottom: 20px; position: relative;}
.messa-list li:nth-of-type(even){   float: right;}
.messa-input{ width: 100%; height: 60px; line-height: 60px; background: #f6f6f6; border-radius: 10px; padding-left:15px ; font-size: 18px;  outline: none; border: none;}
.messa-input::placeholder{ color: #c1c1c1;}
.messa-select{ width: 100%; height: 60px; line-height: 60px; background: #f6f6f6; border-radius: 10px; padding-left:15px ; font-size: 18px;  outline: none; border: none;}
.messa-list li div{ position: absolute; height: 60px; right: 15px; top: 0;}
.messa-list li div img{ width: 16px;}
.messa-box{ width: 48%; height: 230px; float:right; border-radius: 10px;position: relative;}
.messa-texta2{width: 48%;float:left;  }
.messa-texta{ width: 100%; height: 230px; position: relative;background: #f6f6f6; padding: 15px; font-size: 18px;  border: none; outline: none;}
.messa-texta::placeholder{ color: #c1c1c1;}
.messa-tiop{  width: 95%; height: auto; overflow: hidden;    background: #fff;padding: 20px; font-size: 14px; line-height: 1.65rem;
 border-radius: 15px;  top: 10px; right: 10px; z-index: 8;box-shadow: 1px 1px 18px rgba(1,101,165,0.4);}
.messa-tiop p{ cursor: pointer; padding-bottom:8px; }
.messa-tiop p span{ padding-right:5px; color:red}
.messa-tiop .messa-t{ color: #0165a5; font-size: 20px; margin-bottom: 5px;}
.messa-box:hover .messa-tiop{ display: block !important;}
.messa-buttom{ width: 140px; height: 40px; margin: 0 auto;  line-height: 40px;border:#0165a5 solid 1px ; outline: none; border-radius: 100px; text-align: center;
 background: none; color: #0165a5; display: block;  font-size: 18px; letter-spacing: 4px; margin-top: 40px; cursor: pointer; }
.messa-buttom:hover{ background: #0165a5; color: #fff;}
.left{width: 0;height: 0;border-top: 15px solid transparent;border-right: 15px solid #fff;border-bottom: 15px solid transparent;
font-size: 0;line-height: 0; position: absolute; left: -15px; top: 40%;}
.inno::placeholder{ color: #e60039 !important; }
.join{ margin-top: 50px;}
.join-list{ width: 100%; height: auto; overflow: hidden; text-align:center; margin-top: 50px; margin-bottom: 80px;}
.join-list li{ width: 25%; display:inline-block; text-align: center;}
.join-list li p{ color: #414141; margin-top: 15px; }
.join-text{ text-align: center; font-size: 18px; color: #414141;}

.list-download{ width: 100%; margin-top: 50px}
.list-download li{ width: 100% ; height: 60px; position: relative; line-height:60px;box-shadow: 1px 1px 12px rgba(1,101,165,0.3); margin-bottom:30px; border-radius: 10px}
.download-name{ float:left; width: 60% ; color: #414141; padding-left: 25px; font-weight:bold;}
.download-titme{ color: #999 ; position: absolute; right: 80px; top:0;}
.download-icon{ float: right; margin-right:20px; }
.list-download li:hover .download-name{ color: #0165a5 }

.supp-right{ width: 38%; float: right; margin-top: 50px; border-radius:8px; overflow:hidden; }
.supp-left{ width: 60%; float: left; height: auto; overflow: hidden; }
.subx{ margin-bottom: 40px }
.supp-title{ font-size:22px; font-weight: bold; color: #414141 }
.sutop{ margin-top: 10px }
.subxmse{ height: 165px !important;resize: none }
/*.subuttom{ float: right; margin-right: 50px }*/
.supp-b{ width: 100%; height: auto; overflow: hidden; cursor: pointer; text-align: center; color: #0165a5; margin-top: 30px; margin-bottom: 40px }
.suppcenter{ width: 100%; height: auto; overflow: hidden; line-height: 2rem; margin-bottom: 40px; display: none;transition: all .5s ease; }
.supplebox{ height: 165px; }

.fspan{ float: left; font-size:16px; }
.enlan{ color: #0165a5; padding:2px 15px; height: 26px; line-height: 26px;letter-spacing: 0px; margin-left:10px; border:#0165a5 solid 1px;border-radius:100px; }
.enlan:hover{ background: #0165a5; color: #fff }

#rocket-to-top div {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 76px;
}
#rocket-to-top .level-2 {
    background: url("/template/default/images/rocket_button_up.png") no-repeat scroll -82px 0 transparent;
    display: none;
    height: 250px;
    opacity: 0;
    z-index: 1;
}
#rocket-to-top .level-3 {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 150px;
    z-index: 2;
}
#rocket-to-top {
    background: url("/template/default/images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor: default;
    display: block;
    height: 150px;
    margin: -125px 0 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 100%;
    width: 76px;
    z-index: 11;
}


.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;opacity: 1;display: none;}
.lightbox {position: fixed;top:1px !important;left: 0;width: 100%;z-index: 10000;height: 100%;text-align: center;line-height: 100%;}
.lightbox .lb-image {display: block;height: auto;}
.lightbox a img {border: none;}
.lb-outerContainer {position: relative;*zoom: 1;width: 250px;height: 100% !important;line-height: 100%;margin: 0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.lb-outerContainer:after {content: "";display: table;clear: both;}
.lb-container {}
.lb-loader {position: absolute;top: 43%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto; background: url(/template/default/images/loading.gif) no-repeat;}
.lb-nav {position: absolute;top: 0;left: 0; height: 100%;width: 100%;z-index: 10;}
.lb-container>.nav {left: 0;}
.lb-nav a {outline: none;}
.lb-prev,.lb-next {width: 50px;height: 60px; color:#fff; cursor: pointer;position: fixed;top: 50% !important;/* Trick IE into showing hover */display: block;}
.icon-circle_left:before,.icon-leftarrow:before{color: #fff; opacity: 1; font-size: 26px; background: none !important;}
.lb-prev {left: 10%;margin-left: 10px;float: left;}
.lb-prev:hover {}
.lb-next {right: 10%;float: right; margin-right: 10px;display: block;}
.lb-next:hover {}
.lb-dataContainer {margin: 0 auto;*zoom: 1;width: 100%;}
.lb-dataContainer:after {content: "";display: table;clear: both;}
.lb-data {padding: 0 4px;color: #bbbbbb;}
.lb-data .lb-details {width: 85%;display: none !important;float: left;padding: 0 20px; text-align: left;height: 25px;line-height: 25px;margin-top: 15px;}
.lb-data .lb-caption {font-size: 16px;font-weight: bold;width: auto;height: 25px;float: left;line-height: 25px;margin-right: 20px;}
.lb-data .lb-number {display: block;float: left;padding-bottom: 1em;font-size: 18px;color: #999999;}
.lb-data .lb-close {display: block;position: fixed;right: 10px;z-index: 9999999;width: 31px;border-radius: 100px;top: 20px; height: 31px; line-height: 31px;text-align: center;outline: none;}
.lb-data .lb-close:hover {cursor: pointer;opacity: 1;}
.lb-image{ max-width: inherit;}
.his-top{ position:fixed; top:-6px; z-index:9; left:50%; margin-left:-600px; width:1200px}

/*====手机端底部悬浮窗口====*/

.fo_kong {width: 100%;height: 44px;display: none;}

.kaman_fixed2{ position: fixed; bottom: 0px !important; opacity: 1 !important;transition: all .5s ease; }

.footer_box2{ width:100%;height:50px; background:rgba(0,0,0,0.7); position:fixed; bottom:0px; z-index:8;display:none; opacity: 1;transition: all .5s ease; }

.footer_box2 li{ width:20%; height:45px; float:left; display:block; text-align:center; padding-top:8px; font-size:12px;  color:#fff;}

.footer_box2 li img{ width:24px;}

.footer_box2 li span{ color: #fff;}

.footer_box2 li p{ height:15px; line-height:12px; font-size:12px; padding-top: 5px;  color:#fff;}

.footer_box2 li .f_links p{ color:#333;}
.footer_box2 li img{ width:20px}
.kong_45{ width:100%; height: 45px; }

.footer_box2  .kaman_wap_menuicon{ padding-left:0px; padding-right: 0px; display: inherit; padding-top:5px;}

.fenzhan{ margin-top: 40px; width: 100%; height: auto; overflow: hidden; }

.fenzhan a{ color: #fff; padding: 0 10px; height: 40px; line-height: 40px; margin-right: 8px; margin-bottom:8px; text-align: center; background: #505050; display: block; float: left; }

.kaman_listmore{ color:#000; font-size: 18px; width: 120px; height: 40px; line-height: 40px; margin: 0 auto; 

  text-align: center; display: block; border:#ddd solid 1px; }



@media (min-width:320px) and (max-width:768px)
{
.header-box,.header-Logo,.kong{ height: 60px;}
.header-Logo{ max-width:250px;}
.menu_icon,.wap-block,.menu_icon,.kong,.fo_kong,.footer_box2{ display: block;}
.menu-box,.wap-none,.menu-box,.header-right,.home-about-img p,.hear-box-right,.supp-right,.sx-box li span,#rocket-to-top{ display: none !important;}
.min-menuclass{ position: relative; top: 0;z-index: 1;box-shadow: 1px 1px 8px rgba(0,0,0,0); width: 100%;}
.Right-menu-list li:hover .min-menuclass{ display: block; padding-left: 15px;}
.r-block{ padding-left: 15px;}
.header-box-cen{ padding-left: 4%;}
.cenbox{ padding: 0 6%; margin-top: 30px;}
.menu_icon{ line-height: 60px;}
.about-list,.font16{ font-size: 16px;}
.home-youshi li{ width: 47%;}
.banner_box{ margin-top: 0px }
.home-youshi li:nth-of-type(even){   float: right; margin-right: 0;}
.home-pro-top span{ font-size: 24px;}
.home-pro-top p{ font-size: 32px;}
.home-class-pic{ width: 100%; height: 230px; position: relative; overflow: hidden;}
.home-class-list li:nth-child(1){ width: 100%; /*margin-right: 2%;*/}
.home-class-list li:nth-child(2){ width: 100%;/*margin-right: 0; float: right;*/}
.home-class-list li:nth-child(3){ width: 100%; /*margin-right: 2%;*/}
.home-class-list li:nth-child(4){ width: 58%; margin-right: 0;}
.home-class-list li:nth-child(5){ width: 58%;margin-right: 2%;}
.home-class-list li:nth-child(6){ width:40%; margin-right: 0;}
.header-box{ padding-top: 20px; position: fixed; top: 0; z-index: 99;box-shadow: 2px 2px 4px rgba(0,0,0,0.1);}
.home-class-title{ font-size: 16px; height: 40px; line-height: 40px;}
.selectbox{ width: 100%; margin-bottom: 10px;}
.fanhui{ width:80px; margin-left:-40px}
.form-input{ font-size: 16px;}
.form-select{ font-size: 16px;}
#FontScroll li{ width: 100%; margin-right: 0; font-size: 12px;}
.form-box-title{ font-size: 28px;}
.form-buttom{ height: 44px; line-height: 44px; font-size: 18px;}
.cases-bg{background: url(/template/default/images/cases-bg.jpg) center no-repeat;  background-size: cover !important;
    background-position: 50% !important;}
	.home-cases-list{ margin-top: 20px;}
	.messa-texta2{ width:100%}
	.banner_box .swiper-slide{ padding-bottom: 72%;}
	.casesmore{ margin-top: -15px;}
.home-cases-list li{ width: 100%; margin-right: 0;}
.content-box img{ max-width:100%; width:auto}
.enlan{ width:100px; line-height:20px}
.enlan:hover{ background:none !important}
.contact-r-box{ overflow:inherit;}
.enlan a{ color:#0165a5 !important}
.home-cases-list li:nth-of-type(even){   float: right;}
.home-cases-title{ font-size: 16px;}
.home-youshi-top p{ font-size: 20px;}
.home-youshi-top img{ max-width: 40px; max-height: 40px;}
.home-about-left{ width: 100%;}
.home-about-right{ width: 100%;}
.home-about-title{  font-size: 12px;}
.home-about-right{ margin-top: 40px; padding-bottom: 50%;}
.home-about-video img{ width: 50px;}
.home-about-video{ width: 50px; height: 50px; margin-left: -20px;}
.web-number{ padding-top: 20px;}
.attr dd{ width: 100%; text-align: left;  padding-bottom: 10px; margin-bottom: 10px;}
.animateNum,.attr dd em{ font-size: 40px;}
.noticTipTxt li{ width: 100%; margin-right: 0 }
.home-honor-box .swiper-slide{ width: 100%;}
.ability-buttom-left{ left: 15px !important;}
.ability-buttom-right{ right: 15px !important; z-index:7 !important}
.abobox{ width: 90%; margin: 0 auto;}
.abilityB{ width: 100%;}
.home-honor-more{ position: relative; top: -20px;}
.HomeProductsImg{top: 0; width: 100%;}
.home-newsbox div,.home-news-title{ font-size: 20px;}
.HomeProductsRight{ width: 100%; margin-top: 30px;}
.parbox li{ width: 32%; height: 60px;}
.parbox li:nth-of-type(3n){margin-right: 0;}
.parbox li img{ max-width: 80%; max-height: 80%;}
.listmore{ margin-bottom: 30px;}
.footer-bg{ margin-top: 50px;}
.footer-left{ width: 100%;}
.footer-cen{ width: 100%; margin-left: 0; margin-top: 20px;}
.footer-right{ width: 100%; text-align: left; margin-top: 20px;}
.footer-right-top{ text-align: left;}
.footer-right-line{ float: left; margin-bottom: 30px;}
.footer-right-top{ font-size: 22px;}
.footer-bott{ margin-bottom: 40px;}
.footer-icon li{ margin-left: 0; width: 25%; text-align: center;}
.footer-iconimg img{ width: 36px;}
.footer-copy{ font-size: 14px;}
.banner_box .swiper-pagination-bullet{ width: 8px; height: 8px;}
.banner_box .bann-swiper-pagination{ bottom: 10px !important;}
.HomeProductsList .Home_Products_tab{text-align: center;}
.ny-bann{ margin-top: 0 }
.footer-tiop{ left: -20px;}
.ny-bann{ padding-bottom: 60%;}
.ny-bann-bottom p{ font-size: 40px;}
.ny-bann-cen{ top: 20%;}
.ny-bann-bottom span{ font-size: 18px; margin-top: -10px;}
.ny-menu li{ margin-right: 0; width: 33%;}
.ny-menu li a{ font-size: 16px; height: 60px; line-height: 60px;}
.pro-left{ width: 100%;}
.pro-right{ width: 100%;}
.pro-right li{ width: 100%;}
.pro-bottom{ top: 0; opacity: 1;}
.pro-left{ display: none;}
.pro-wapclass{ width: 100%; height: 40px; line-height: 40px; border: #ddd solid 1px; border-radius: 5px; margin-top: 15px;
padding-left: 15px;  display: block; position: relative;}
.pro-wapclass img{ width: 20px; position: absolute; right: 15px; top: 8px;transform:rotate(-90deg)}

.pro-show-img{ width: 100%;}
.sho-lrbuix{ display: none !important;}
.pro-show-buttom{ height: 100px;}
.pro-show-buttom li{ float: left; margin: 0; width: 48%; padding: 0; margin-bottom: 10px;}
.pro-show-buttom li:nth-of-type(even){   float: right;}
.pro-show-tbox{ font-size: 36px;}
.pro-show-text{ font-size: 18px;}
.pro-show-tjian li{ width: 100%; margin-right: 0; margin-bottom: 15px;}

.solu-list li{ width: 100%;  margin-right: 0; height: auto; overflow: hidden; padding-bottom: 15px;}
.solu-imgbpx{ height: 260px;}

.select2{ width: 65%; margin-bottom: 15px;} /*手机端案例下拉尺寸*/
.cases-tcen div{ width: 100% !important; padding: 0 0 !important;}
.cases-input{ width: 70%; float: left;}
.cases-buttom{ width: 25%; float: right;}
.cases-bg{ background: none;}
.solumenu li{ width: auto !important; padding: 0 20px;}

.list-news li{ margin-bottom: 30px;}
.list-news-pic{ width: 100%; height: 180px;}
.list-news-right{ width: 100%; margin-top: 20px;}
.list-news-title{ font-size: 20px;}
.list-news-text{ font-size: 16px;}
.news-search{ width: 100%; clear: both; padding-bottom: 15px !important;}

.culture-title{ width: 100%;}
.culture-pic{ width: 100%;}
.culture-title div{ font-size: 36px;}
.culture-title p{ font-size: 38px; line-height: 2.5rem; margin-bottom: 20px;}
.honor-list li{ width: 100%; margin-right: 0;}
.enlan{ margin-top: 20px; margin-left: 20px; }

.historybox .swiper-slide{ width: 50% !important;}
.history-cen{ width: 100%;}
.home-cases-list li:nth-of-type(4),.home-cases-list li:nth-of-type(5),.home-cases-list li:nth-of-type(6){ display:none}
.contact-cen{ width: 100%; position: relative; left: 0; height: auto; margin-left: inherit;}
#allmap{ height: 250px;}
.contact-map{ height: auto;}
.gpsbox{ width: 90%; margin: 0 auto; margin-top: 20px;}
.contact-pop{ width: 90%; margin: 0 auto; margin-top: 20px;}
.contact-pop-title{ font-size: 22px;}
.contact-pop-text{ font-size: 18px;}
.cimgbox{ width: 50px;}
.contact-list li{ width: 100%;}
.contact-list-ti{ font-size: 20px;}
.contact-list-title,.contaf-2-title{ font-size: 28px;}
.contaf-2-left{ width: 50%;}
.select2 dd{ left: -60%;}
.list_casesdd dd{ left:0 !important}
.conlist-img{ width: 100%;}
.conlist-right{ width: 100%; padding: 0 20px;}
.contlisttext{width: 100%; margin-top:30px; }
.contact-cen{ z-index:7}
.contact-lwx{ width: 100%;}
.contact-alist{ width: 100%; margin: 0 0; margin-bottom: 25px;}
.contact-alist a{ float:left; width: 48%;}
.contact-alist a:nth-of-type(even){   float: right;}
.contact-r-box p{ width: 100%; margin-left: 0;}

.messa-title{ font-size: 28px;}
.messa-list{ width: 100%;}
.messa-list li{ width: 100%;}
.messa-box{ width:97%; margin-top:30px}
/*.messa-tiop{ display: none !important;}*/
.join-list li{ width: 50%; margin-bottom: 20px; display:block; float:left;}
.messa-box{ height:auto;  padding-bottom:20px}
.left{ display:none}
.his-top{ width:100%; left:0; margin-left:0; margin-top:0}

.download-name{ width: 70%; float: inherit; }
.list-download li{ height: auto; overflow: hidden;  line-height:inherit !important; padding-top:10px; padding-bottom:10px;}
.download-titme{ margin-left:25px; margin-top: 5px; display: block; width: 70%;  font-size: 14px ; position: relative; right: inherit; text-align: left; }
.download-icon{ position: relative; margin-top: -33px; }
.download-icon img{ width: 20px }

.video-pop{ width: 100%;margin-left:-50%; top: 25% }
.video-cols{ top:80%;  position: fixed; right: inherit; left: 50%; margin-left:-15px; }
.supp-left{width: 100%}
.supp-right{ width: 100% }
.subuttom{ width: 100%; margin-right: 0 }
.news-content img,.content-box img,.pro-show-text img{ max-width:100%; width:auto !important; height:auto !important}
.wap-cases{ position:relative; top:-55px;}
.casesmenu{ height:70px}
.HomeProductsImg-img{ padding-bottom:inherit}
.HomeProductsImg-img img{ height:auto}
.contact-list-icon a{ width:75px !important;}
.fenzhi-box .fenzhi_tab{ top:0; text-align:left}
.fenzhi-box .fenzhi_tab a{ width:48%; float:left; display:block; padding:0; text-align:center; height:40px; line-height:40px; margin-left:0; margin-bottom:10px}
.fenzhi-box .fenzhi_tab a:nth-of-type(even){   float: right;}
.fenzhi-box .fenzhi_tab ul{ display:block}
.fenzhi-box .fenzhi_content{top:0}
}


@media (min-width:769px) and (max-width:1140px)
{
.menu_icon,.menu_icon{ display: block;}
.menu-box,.menu-box,.header-right,.hear-box-right{ display: none;}
.header-Logo{ max-width: 500px;}
.header-box{ height: 80px; padding-top: 15px;}
.menu-box li a{ padding: 0 25px;}
}
@media (min-width:1141px) and (max-width:1200px)
{
	.menu-box li a{ padding: 0 25px;}
}


/*分页样式*/
.pagediv{ width: 100%; height:auto; float: left; text-align: left;margin-bottom: 20px;}
.listpage {clear: both;text-align: center;}
.xiaocms-page { margin-right: 10px; text-align: center; margin-bottom: 40px;margin-top: 40px;}
.xiaocms-page a { border-radius: 5px; transition: 0.3s; font-size: 20px; display:inline-block; height:35px; line-height:35px;
 text-align:center; color:#999; margin:0 10px;font-family: "arial";}
.xiaocms-page a:hover { transition: 0.3s; color:#000; text-decoration:none; }
.xiaocms-page span { border-radius: 5px; font-size: 20px; display:inline-block; height:35px;margin:0 10px ;line-height:35px;  
  color:#000; text-align:center; position: relative; font-family: "arial";}
  .xiaocms-page span::after{ width: 10px; height: 1px; content: "" ;display:block; position: absolute; bottom: 0px; background: #000  }
.prebox::after{  content: "\e604"; color: #999;  transform:rotate(90deg); display: block; }
.nextbox::after{  content: "\e604"; color: #999;  transform:rotate(-90deg); display: block; }
.list-page-box .xiaocms-page:nth-child(2),.list-page-box .xiaocms-page:nth-child(3),.list-page-box .xiaocms-page:nth-child(4),.list-page-box .xiaocms-page:nth-child(5)
,.list-page-box .xiaocms-page:nth-child(6),.list-page-box .xiaocms-page:nth-child(7),.list-page-box .xiaocms-page:nth-child(8),.list-page-box .xiaocms-page:nth-child(9)
,.list-page-box .xiaocms-page:nth-child(10){ display:none;}


.serviceli{text-align:center; width:32.3% !important;margin-top: -440px;height: 417px;}
.servicea{line-height: 3; width:100% !important;font-size: 18px !important;}
.servicea a{color:#FFF;}
.servicea:hover a{font-weight: bold; color:#F00;}
@media (min-width:320px) and (max-width:768px)
{
.serviceli{display:none;}
}