@charset "utf-8";
/* CSS Document */
*,*:before,*:after {; }
body{ margin:0px; padding:0px; font-size:14px;font-family:"微软雅黑","黑体";color:#666;line-height:28px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: inline-block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{width: 100%; position: fixed;  z-index: 100; background: #fff;height:116px;}
.btop{ width:100%; height:36px; background:#F7F8F8;;}
.btop1{ width:1200px; line-height:36px; margin:0 auto;}
.btop11{ float:left; font-size:12px;}
.btop12{ float:right;color: #0A87D3; font-weight:bold;}
.btop12 img{ vertical-align:-4px; padding-right:8px;}

.headerbox{width: 1200px; margin: 0  auto;}
.logo{width:287px; padding-top: 8px;float: left;}
.logo img{width: 100%;}


.nav{float: right;}

.nav li{float: left; padding:0 22px;position: relative;}
.nav h3 a{ color: #000;font-size: 18px; line-height: 80px;}
.nav img{display: none;}
.nav h3:hover a{color: #007AFF;}
.sub{position: absolute;width: 100%;top: 80px; width:150px; margin-left:-15px; left: 0; background: rgba(0,0,0,.7);z-index: 100;display: none;}
.sub dt{font-size: 14px; text-align: center; line-height: 40px;}
.sub dt a{display: block; color: #fff;}
.sub dt a:hover{background: #0063B1;}

.banner img{width: 100%;}
.banner .swiper-button-prev{background: url(../images/left.png);width: 48px;height: 48px;margin-top: -24px;background-size: 100%;}
.banner .swiper-button-prev:hover{background: url(../images/left1.png);background-size: 100%;}
.banner .swiper-button-next{background: url(../images/right.png);width: 48px;height: 48px; margin-top: -24px;background-size: 100%;}
.banner .swiper-button-next:hover{background: url(../images/right1.png);background-size: 100%;}
.fgt{height:116px;}

.cont1{ width:1200px; height:auto; margin:65px auto}
.cont11{ width:570px; height:420px; float:left; overflow:hidden;}
.cont11 img{ width:570px; height:420px;}

.gsjj_right{width:590px; height:420px;float:right;}
.gsjj_right h2{color: #333; font-size: 36px; margin-bottom:25px;margin-top: 20px;}
.gsjj_right p{font-size: 16px; color: #666; line-height: 30px;text-align:justify; word-break: break-all;}
.gsjj_right a{display: block; text-align: center; width: 120px; line-height: 40px;background: #0A87D3;; font-size: 16px; color: #fff; margin-top:40px;transition: All 0.4s ease-in-out;}
.gsjj_right a:hover{color: #fff;background: #14996e;}
.gsjj_right ul{padding-top: 40px; overflow: hidden;display: flex;justify-content : space-between;}
.gsjj_right li{text-align: center; width: 25%;}
.gsjj_right h3{color: #666; font-size: 14px; color: #666;}
.gsjj_right span{color: #666; font-size: 14px; display: block; margin-top: 23px;}
.gsjj_right b{font-size: 48px; font-weight:700;font-family: font1; color:#0A87D3;}

.cont2{ width:100%; height:auto; background:#F7F8F8; padding:70px 0px;}
.bt{ width:100%; font-size:32px; line-height:40px; height:80px; text-align:center; color:#333;}
.bt span{color:#0A87D3; padding-right:5px;}
.btc{ width:1200px; height:auto; margin:0 auto; text-align:center;}
.btc a{ display:inline-block; overflow:hidden; margin:0px 10px; border-raadius:20px;}
.btc a img{cursor: pointer;transition: all 1.2s;}
.btc a img:hover{transform: scale(1.06);}

.cntx{ max-width:94%; height: auto; margin:30px auto 0px auto; padding-bottom:40px;position:relative; overflow:hidden; }
.cntx .layer3List{ position:relative;}
.layer3_box{width:100%; height: auto; transition: all 0.8s; float:left; margin-right:40px; margin-bottom:30px;}
.layer3_box img{ width: 100%; height: auto; display:block; cursor: pointer;transition: all 1.2s;}
.layer3_box img:hover{transform: scale(1.1);}
.layer3_box1{ overflow:hidden;border: 3px solid #F1F1F1;}
.layer3_box:hover .layer3_box1{border: 3px solid #0A87D3}
.layer3_box p{ width:100%; height:80px; color:#333;transition: all 0.5s; font-size:18px; line-height:80px; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.layer3_box:hover p{color:#0A87D3;}

.cntx .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:1200px;height: 4px;left:50%;margin-left:-600px;bottom:0px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #0A87D3 !important;}

.cont3{ width:100%; height:auto; padding:70px 0px; background:url(../images/c5.png) center no-repeat;}
.bt p{ font-size:18px; padding-top:5px;}
.cnt3{ width:1200px; height:auto; margin:0 auto; padding-top:45px;}
.cnt3 li{ width:25%; float:left; text-align:center; background:url(../images/d2.png) right center no-repeat;}
.cnt3 li a{ width:76%; display:block; margin:0 auto; color:#fff; text-align:center;}
.cnt3 li a h2{ font-size:18px; width:100%; margin:20px auto 10px auto;}
.cnt3 li:nth-child(4){ background:none;}
.phe{ width:422px;box-sizing: border-box; padding-left:180px;height:44px; margin:60px auto 30px auto; background:url(../images/d1.png) center no-repeat; font-size:24px; color:#fff; line-height:44px;}

.cont4{ width:1200px; height:auto; margin:0 auto; padding:70px 0px 50px 0px;;}

.cntx1{ height: auto; margin:0px auto 0px auto; position:relative;  }
.cntx1 .layer3List1{ position:relative;overflow:hidden;}
.layer3_boxz{width:100%; height: auto; transition: all 0.8s; float:left; margin-right:40px;}
.layer3_boxz img{ width: 100%; height: auto; display:block; cursor: pointer;transition: all 1.2s;}
.layer3_boxz img:hover{transform: scale(1.1);}
.layer3_box11{ overflow:hidden; position:relative;}
.layer3_boxz:hover .layer3_box11{}
.layer3_boxz p{ width:100%; height:80px; color:#333;transition: all 0.5s; font-size:18px; line-height:80px; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.layer3_boxz:hover p{color:#0A87D3;}
.cntx1  .swiper-button-next{ top:40%;right:-100px;position:absolute;;transition: all 0.8s; width:48px; height:48px; background: url(../images/a9n1.png); background-size:100% 100% ; margin: 0;}
.cntx1  .swiper-button-prev{top:40%;left:-100px !important; position:absolute;;transition: all 0.8s;; width:48px; height:48px; background: url(../images/a8n1.png); background-size:100% 100% ; margin: 0;}
.cntx1  .swiper-button-next:hover{background: url(../images/a9n11.png);}
.cntx1  .swiper-button-prev:hover{background: url(../images/a8n11.png);}
.swiper-button-next:after, .swiper-button-prev:after{ display:none;}
.productCover { opacity:0; z-index: 5; transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(10,135,211,0.75);}

.coverCont { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-30%);}

.coverCont span { display: block; background: url(../images/circle.png) center no-repeat; width:48px; height:48px; background-size:100% auto; margin: 0 auto 15px}

.coverCont h2 { font-size: 14px; font-weight: normal; color: #ffffff; line-height: 24px; margin-bottom: 20px; text-align:center;}
.cntx1 .swiper-slide:hover .productCover { opacity: 1;}
.cnt4{ width:1200px; height:36px; margin:10px auto 40px auto;; text-align:center;  }
.cnt4 a{ width:130px; height:36px; display:inline-block; background:#E5E5E5; border-radius:50px; color:#666; line-height:36px; margin:0px 15px;}

.cont5{ width:100%; height:auto; background:#F7F8F8; padding:65px 0px;}
.cnt5{ width:1200px; height:auto; margin:0 auto; padding-top:45px; }
.cnt51{ width:600px; height:400px; float:left;overflow:hidden; position:relative;}
.cnt51 .swiper {width: 100%;height: 100%;}
.cnt51 .swiper-slide {text-align: center;font-size: 18px; background: #fff;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; position:relative;}
.cnt51 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.cnt51  .swiper-button-next{ top:40%;right:10px;position:absolute;;transition: all 0.8s; width:48px; height:48px; background: url(../images/le2.png); background-size:100% 100% ; margin: 0;}
.cnt51  .swiper-button-prev{top:40%;left:10px !important; position:absolute;;transition: all 0.8s;; width:48px; height:48px; background: url(../images/le1.png); background-size:100% 100% ; margin: 0;}
.cnt51 .swiper-pagination { width:50% !important; text-align:right; z-index:999; right:30px !important; left:auto !important;}
.fdy{ width:120px; height:45px; background:rgba(225, 225, 225, 0.75); position:absolute; bottom:0px; right:0px; z-index:99; border-radius:20px 0px 0px 0px;}
.fd1{ width:330px; height:45px; line-height:45px;background:rgba(0, 0, 0, 0.75);border-radius:0px 20px 0px 0px; position:absolute; left:0px; bottom:0px; z-index:999999999; font-size:14px; color:#fff;}
.fd1 a{ width:90%; height:45px; line-height:45px; text-align:left; color:#fff; display:block; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fd1 a:hover{ text-decoration:underline;}
.cnt51 .fd1 img{ width:24px; height:24px; float:left; margin-top:11px; padding-right:6px; display: inline-block; }
.cnt52{ width:560px; height:400px; float:right; margin-top:10px;}
.cnt52 ul { overflow: hidden;}
.cnt52 li { box-sizing: border-box; height:100px;float: left; width: 550px;  transition: all 0.5s;}
.data { box-sizing: border-box; padding-top: 13px; float: left; width: 100px; text-align: center; height:87px; background:url(../images/ls1.png) right center no-repeat;}
.data p { font-weight: bold; color: #666; font-size: 32px; line-height:44px;}
.data span { display: block; line-height: 16px; font-size: 14px; color: #666;}

.newTag { float: right; width: 440px;}
.newTag h2 {  margin-bottom: 5px; margin-top:10px; font-size: 18px; color: #333333; line-height:30px; font-weight:bold; }
.newTag p { font-size: 14px; line-height:30px; color: #666666;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.cnt52 li:hover h2 { color: #0A87D3;;}

.mes {background: url(../images/e2.png) no-repeat center;background-size: cover;padding: 69px 0 63px 0;}
.wh{    width: 595px;margin:0 auto;;}
.mes #keyword {
	box-sizing: border-box; 
  width: 476px;
  height: 66px;
  outline: none;
  border: none;
  padding-left: 40px;
  background: url(../images/e3.jpg) no-repeat #fff;
  background-position: 22px;
  margin-right: 6px;
  border-radius: 5px;
  float:left;
}
.mes #keyword::placeholder {
  font-size: 16px;
  color: #888888;
}
.mes #s_btn {
  width: 108px;
  height: 66px;
  outline: none;
  border: none;
  background: url(../images/e4.png) no-repeat center #fff;
  border-radius: 5px;
  float:right;
}

.mes .p1 {
	
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 27px;
}
.mes .p1 a {
  color: #fff;
  margin-left: 26px;
}
.mes .p1 a:hover {
  opacity: 0.8;
}
.footer{ width:100%; height:auto; background:#035485; padding:65px 0px 0px 0px; color:#fff;}
.footer a{ color:#fff;}
.foott{ width:1200px; height:auto; margin:0 auto;}
.fott{ width:100%; height:auto; padding-top:20px;}
.fott li{ float:left; padding-right:15px;}

.footerbox{width:1200px; margin: 0 auto; overflow: hidden; padding:0px 0 55px;}
.foot_left{float: left; width:1000px;}

.foot_bottom{padding-top:55px; color:#fff;}
.foot_bottom ul{overflow: hidden;}
.foot_bottom li{float: left; width:15%;}
.foot_bottom li:nth-child(5) {width:25%;} 
.foot_bottom h2{color: #fff; font-size: 18px; margin-bottom: 10px;}
.foot_bottom dt{line-height: 34px; font-size: 14px;}
.foot_bottom a{color: #fff;transition: All 0.4s ease-in-out;}
.foot_bottom a:hover{color: #fff;}
.foot_right{float: right; padding-top:55px;}
.foot_right ul{overflow: hidden;}
.foot_right li{float: left; padding-left: 60px;text-align: center;}
.foot_right p{font-size: 12px;color: #fff;margin-top: 12px;}
.bqxx{padding: 20px 0;}
.bqxx p{width: 1200px; margin: 0 auto;overflow: hidden;font-size: 14px; line-height: 36px;color:fff;}
.bqxx a{display: block; float: left; margin-right: 30px;}
.bqxx b{float: left;}

.bannera{ width:100%; height:680px;background-position:center center; overflow:hidden;;}
.ban1{ width:1200px; height:auto; margin:200px auto 0px auto; color:#fff;}
.ban1 h2{ font-size:40px;}
.ban1 p{ font-size:20px; line-height:34px; margin-top:35px;}
.ban1 a{ width:140px; height:44px; display:block; line-height:44px; border:1px solid #fff; color:#fff; margin-top:55px; font-size:16px; text-align:center;}
.ban1 a:hover{ text-decoration:underline;}


.fixRight { padding:20px 0 15px; z-index: 10; position: fixed; right:0; top:50%; transform:translateY(-50%); width: 70px; border-radius:12px 0 0 12px}
.fixRight li { cursor:pointer; position: relative; margin-bottom:15px}
.fixRight li span { width:50px; height:50px; display:block; text-align:center; color:#ffffff; font-size:12px; background: url(../images/t1.png)}
.fixRight li span:hover{ background: url(../images/t11.png)}
.fixRight li:nth-child(2) span  { background: url(../images/t2.png)}
.fixRight li:nth-child(2) span:hover{ background: url(../images/t22.png)}
.fixRight li:nth-child(3) span  { background: url(../images/t3.png)}
.fixRight li:nth-child(3) span:hover{ background: url(../images/t33.png)}
.fixRight li:nth-child(4) span  { background: url(../images/t4.png)}
.fixRight li:nth-child(4) span:hover{ background: url(../images/t44.png)}
.fixRight li:last-child { margin-bottom:0}
.qqChatalt { display:none; position:absolute; right:65px; top:-30px; overflow:hidden; } 
.fixRight li:hover .qqChatalt { display:block;}
.fixRight li span img { display:block; margin:0 auto}
.weChatalt { display:none; position:absolute; right:65px; top:-30px; overflow:hidden; } 
.fixRight li:hover .weChatalt { display:block;}
.phoneTxt { display:none; position:absolute; width:278px; height:78px; right:65px; font-size:22px; color:#333;  top:0;line-height:78px; background:url(../images/t7.png) center no-repeat; text-align:center; text-align:center; ; font-weight:bold;}

.fixRight li:hover .phoneTxt { display:block;}

.phoneTxt h3{ font-size:20px; font-family:Impact; color:#333; line-height:30px;}







.main{ width:1200px; height: auto; margin:0 auto; padding:60px 0px 70px 0px;;}
.bt2{ width:100%; height:auto; text-align:center; padding-bottom:45px;}
.bt2 h2{ font-size:32px; color:#333; line-height:40px;}
.bt_menu{ width:1200px; height: auto; box-shadow: 0px 3px 12px 1px rgba(51,51,51,0.1); margin-top:40px;}
.bt_menu a{ width:16.66666%; display:block; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:left; background:url(../images/e4.jpg) center right no-repeat; height:60px; line-height:60px; font-size:16px; color:#666;}
.bt_menu a:nth-child(6n){background:none;}
.bt_menu a:hover{ color:#0A87D3}
.bt_menu1{ width:270px; height:60px; box-shadow: 0px 3px 12px 1px rgba(51,51,51,0.1); margin:40px auto 0px auto;}
.bt_menu1 a{ width:50%; display:block; text-align:center; float:left; background:url(../images/e4.jpg) center right no-repeat; line-height:60px; font-size:16px; color:#666;}
.bt_menu1 a:nth-child(2){background:none;}
.bt_menu1 a:hover{ color:#0A87D3}
.mainz{ width:100%; height:auto;}
.mainz li{ width:23.5%; float:left; margin-right:2%; border:1px solid #DEDEDE; margin-bottom:40px;box-sizing: border-box; }
.mainz li:nth-child(4n){ margin-right:0px;}
.mainz li a{ display:block;}
.mainz li a img{ width:100%; height:auto;cursor: pointer;transition: all 1.2s;}
.mainz li a:hover img{transform: scale(1.1);}
.mainz li a h2{ width:96%; height:50px; line-height:50px; text-align:center; color:#333; margin:0 auto; font-size:18px; margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mainz li a p{ width:96%; height:40px; line-height:40px; color:#666; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.spm{ width:96%; height:40px; text-align:center; color:#0A87D3; margin:10px auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mainz li a span{opacity:0;}
.mainz li a:hover span{opacity: 1;}
/*分页*/
.nx_pg{width:100%; height: auto ; padding:20px 0px 10px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #DEDEDE; margin:0px 3px 4px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#0A87D3;border:1px solid #0A87D3;; color:#fff;}
.nx_pg .on{ background:#0A87D3;;border:1px solid #0A87D3; color:#fff;}
.mainr2{ width:1200px; height:auto; margin:0 auto; padding:50px 0px 60px 0px;}
.mainr2 img{ max-width:100%;}
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}


.artile{ width:100%; height:auto; margin:10px auto 65px auto;}
.artile ul{ margin-bottom:45px;}
.artile li{ width:1200px; margin:0 auto;; height:240px; background:#fff; transition:all 0.5s;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.15); margin-bottom:35px;;}
.xman{ width:1200px;  margin:0 auto; }
.art1{ width:360px; height:240px; float:left; margin-right:30px;}
.art1 img{width:360px; height:240px; display:block;}
.art2{ height:240px;overflow: hidden; }
.art2 h4{ width:100%; height:40px; margin-top:28px; color:#0A87D3; font-size:14px; font-weight:normal;}
.art2 h2{ width:100%; font-size:18px; color:#333333;transition:all 0.5s; height: auto; margin-top:0px; font-weight: bold; line-height:30px; height:30px; padding-bottom:5px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 .art_p{ width:92%; height:60px; line-height:30px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.art2 .art2_1{ width:92%; height:40px; line-height:40px; padding-top:5px;}
.art2 .art2_1 h3{ font-weight:normal; font-size:14px; color:#666; padding-bottom:20px; float:left;transition:all 0.5s;}
.art2 .art2_1 span{ color:#666; font-size:16px; float:right; padding:0px 28px; ;transition:all 0.5s; }
.artile li:hover .art2 h2 { color:#0A87D3;;}
.artile li:hover .art2 .art2_1 span{  color:#0A87D3;;; }
.artile li:hover .art2 .art2_1 h3{  color:#0A87D3;;; }

/*联系*/

.lx_wp{width:100%;min-height:50px;padding:80px 0px 80px 0px;}
.lx_1{width:1240px; height:440px; margin:0 auto; background:#F3F3F3; margin-bottom:78px;}
.lx_1 .left{width:620px; height:440px; float:left; background:#0A87D3;; color:#fff; box-sizing:border-box; padding:80px 80px 0px 80px; font-size:16px; line-height:35px;}
.lx_1 .left p{line-height:35px;}
.lx_1 .right{width:545px; height:440px; box-sizing:border-box; padding-top:20px; float:right; margin-right:30px; font-size:16px;}
.lx_1 .right table{padding:0; margin:0; border-collapse:collapse; border:none;}
.lx_1 .right table td{padding:5px;}
.sb1{width:250px; height:45px; line-height:45px; border:none; background:#fff; text-indent:15px; opacity:0.8; font-size:15px;}
.sb2{width:520px; height:45px; line-height:45px; border:none; background:#fff; text-indent:15px; opacity:0.8; font-size:15px;}
.sb3{width:520px; height:90px; line-height:25px; border:none;  background:#fff;box-sizing:border-box; padding:5px 15px 0px 15px; opacity:0.8; font-size:15px;}
.sb4{display:block; width:240px; height:45px; line-height:45px; border:none; font-size:16px; text-align:center; color:#fff; background:#0A87D3; margin-top:20px; transition:0.5s; border-radius:2px;}
.sb4:hover{opacity:0.9;}
.lx_2{width:1240px; height:; margin:0 auto; background:#eee;}
.lx_2 img{display:block; width:1240px; height:auto;}


.ab1{ width:1200px; height:auto; margin:70px auto;}
.ab11{ width:570px; height:auto; float:left;}
.ab11 h2{ width:100%; height:60px;font-size: 32px; color:#333;}
.ab12{ width:570px; height:auto; float:right;}
.ab12 img{ width:570px;}

.layer8.bottom{padding: 0 0 60px 0; width:1200px; margin:0 auto;}
.layer8.bottom .layer8Left{float: right; width: 400px; height: auto;}
.layer8.bottom .layer8Right{ float: left; width: 780px;}
.layer8.bottom .layer8Right .icon ul{ width: 100%; overflow: hidden;}
.layer8.bottom .layer8Right .icon ul{}
.layer8.bottom .layer8Right .icon { width: 100%; height: auto; margin-bottom: 20px;}
.layer8.bottom .layer8Right .icon ul li{width:380px; float: left; margin-right: 20px;}
.layer8.bottom .layer8Right .icon ul li:last-child{ margin-right: 0;}
.layer8.bottom .layer8Right .icon ul li img{ display: block; width: 100%; height: auto;}

 .layer8 .layer8Right .text{padding-left: 60px; box-sizing: border-box; width: 100%; height: 250px; position: relative; background: #f2f2f2 url(../images/r7.png) right top no-repeat; padding-top: 45px; box-sizing: border-box;}
 .layer8 .layer8Right .text h2{ font-size: 22px; color: #333; line-break: 22px; margin-bottom: 15px;}
 .layer8 .layer8Right .text span{ font-size: 15px; color: #666; display: block; margin:20px 0 30px 0;}
 .layer8 .layer8Right .text p{ font-size: 14px; color: #666;line-height: 32px;}
 .layer8 .layer8Right .text p b{ color: #0A87D3;;}
 .layer8 .layer8Right .text img{ display: block; right: 48px; top: 50%; transform: translateY(-50%); position: absolute;}

.ab2{ width:1200px; height:auto; margin:65px auto;}

.contact_list {list-style: none;padding: 0;margin:60px auto; width:1240px;overflow: hidden;display: flex;flex-direction: row;flex-wrap: wrap; text-align:center;}
.contact_list img{ display:inline-block;}
.contact_list li {width:270px;margin-bottom: 30px; border:1px solid #E9EDF0;text-align: center;box-sizing: border-box; margin-right:40px;; padding-bottom:50px; box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.15);
border-radius: 6px 6px 6px 6px;}
.contact_list li:hover{ background: linear-gradient(180deg, #0A87D3 0%, #0EE5E9 100%);}
.contact_list li:nth-child(4){ margin-right:0px;} 
.contact_list .img {max-width: 120px; margin:35px auto 15px; text-align:center;}
.contact_list .icon {width:100px; height:100px;margin:45px auto 15px;background: url(../images/h1.png) center no-repeat;;}
.contact_list li:nth-child(1):hover .icon{background: url(../images/h11.png) center no-repeat;}

.contact_list h4 {font-size: 18px;margin: 0 0 18px; color:#333;}
.contact_list p { width:90%; line-height:30px; height:60px; margin:0 auto;}
.contact_list li:hover h4{ color:#fff;}
.contact_list li:hover p{ color:#fff;}

.contact_list li:nth-child(2) .icon{background: url(../images/h2.png) center no-repeat;}

.contact_list li:nth-child(3) .icon{background: url(../images/h3.png) center no-repeat;}
.contact_list li:nth-child(4) .icon{background: url(../images/h4.png) center no-repeat;}

.contact_list li:nth-child(2):hover .icon{background: url(../images/h22.png) center no-repeat;}

.contact_list li:nth-child(3):hover .icon{background: url(../images/h33.png) center no-repeat;}
.contact_list li:nth-child(4):hover .icon{background: url(../images/h44.png) center no-repeat;}


.prod{ width:100%; height:auto; margin:0 auto; padding:50px 0px 40px 0px;}
.prod1{ width:45%; height: auto; border:1px solid #BDBDBD; float:left; overflow:hidden; position:relative;}
.prod1 img{ width:100%; height:100%;}
.prod1 .swiper-container{ width: 100%; height: 100%;}
.prod1 .swiper-button-next:after{ display:none;}
.prod1 .swiper-button-prev:after{ display:none}
.prod1 .swiper-button-next{ top: auto; background: url(../images/arrow1.png) !important;; width: 52px; height: 52px; right: 0; bottom: 0; background-size:cover;}
.prod1 .swiper-button-prev{top: auto; left: auto; background: url(../images/arrow2.png) !important; width: 52px; height: 52px; right: 52px; bottom: 0;background-size:cover;}

.prod2{ width:50%; height: auto; float:right;}
.prodxj_title{ width:100%; height:50px; line-height:30px; font-size:24px;border-bottom: 1px solid #BDBDBD;  color:#333;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
.prodcolor{ width:100%; padding-top:25px; font-size:14px; color: #666; }
.prodcolor span{color:#333; font-size:16px; font-weight:; }
.deta1{ width:400px; height:48px; margin-top:50px;}
.deta1 a{ width:180px; height:48px; float:left; display:block; font-size:16px; margin-right:40px; border:1px solid #0A87D3;;;;; color:#0A87D3;;;;box-sizing: border-box; text-align:center; line-height:46px;   }
.deta1 a:hover{ text-decoration:underline;}


/* 选项卡示例样式 */
.main3 {width:100%;margin:20px auto 65px auto;}
.tab1 {overflow: hidden;width:100%;height:60px;cursor: pointer;border: 1px solid #E0E0E0;box-sizing: border-box;}
.tab1 li {float: left;width:185px;text-align: center; font-size:18px;line-height:58px; height:58px; color:#666; border-right: 1px solid #E0E0E0;}
.tab1 li.on {background:#0A87D3;; color:#fff;}
.con1 {width:100%;padding:30px;border: 1px solid #E0E0E0;;border-top: none;box-sizing: border-box;  }
.con1 .FengTabCon_0{font-size:14px;color:#333;font-family:"微软雅黑","黑体";}
.con1 p{font-size:16px;color:#333;font-family:"微软雅黑","黑体";}
.con1 table {width:100%;font-size:16px;color:#333;font-family:"微软雅黑","黑体";}
.con1 table tr{font-size:16px;color:#333;font-family:"微软雅黑","黑体";}
.con1 table td{font-size:16px;color:#333333;font-family:"微软雅黑","黑体";}
.con1 ul{font-size:16px;color:#333;font-family:"微软雅黑","黑体";}
.con1 ul li{width: 100%; margin-bottom: 0px;font-size:16px;color:#333;font-family:"微软雅黑","黑体";}


.produt{ width:90%; height:auto; margin:30px auto;}
.produt li{ width:100%; margin-bottom:30px;}
.produt li .case1{ width:auto; height:auto; float:left; margin-right:25px; border:1px solid #DEDEDE;}
.produt li .case1 img{  width:auto; height:auto; display:block;}
.produt li .case2{ width:700px; height:auto; float:right;}
.produt li .case2 span{ font-size:15px; color:#333;}


















@media(max-width:1200px){
	.headerbox{width: 100%; padding: 0 10px;}
.btop{ display:none}
.header{height: 50px;}
.fgt{height: 50px;}
.logo{width: 180px;}

.dhbtn{width: 30px; height: 30px;background: url(../images/dm1.png) no-repeat center center #0e7ec7;background-size: 20px 20px;position: absolute;right: 3%;top: 10px;border-radius: 4px;}
.dhbtn.on{width: 30px; height: 30px;background: url(../images/dm2.png) no-repeat center center #0e7ec7;background-size: 20px 20px;position: absolute;right: 3%;top: 10px;border-radius: 4px;}
.nav{position: fixed;width: 200px;height: 100%;background: #fff; top: 0;left: -200px;overflow: auto;}
.nav li{float: none;width: 100%; padding: 0 10px;}
.nav h3 a{border-bottom: 1px solid #eee;line-height: 50px;font-size: 14px;display: block;}
.nav img{width: 100px; margin: 25px auto;}
.dhbj{width: 100%;height: 100%;background: rgba(0,0,0,.8);top: 0;left: 0;z-index: 90;position: fixed;display: none;}
.nav img{display: block;}
.nav .sub {position: static;}
.sub dt{line-height: 40px; font-size: 12px;line-height: 30px;}
.banner .swiper-button-next{width: .48rem;height: .48rem; margin-top: -.24rem;}
.banner .swiper-button-prev{width: .48rem;height: .48rem; margin-top: -.24rem;}