@charset "utf-8";
/* CSS Document */

body,html{width:100%; height:100%;}
body,html,div{margin:0; padding:0; border:0;}
body,html,div,a,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,textarea,i,select{margin:0; padding:0;border:0; font:14px "微软雅黑"; color:#555;  list-style:none;}
img {border:0;}
a{text-decoration:none; }
textarea{outline:none;}

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; outline:none;}

@font-face{font-family:"BodoniBT";src:url(fonts/BodoniBT-Bold.otf);font-style:normal;}
@font-face{font-family:"PINGFANGSB";src:url(fonts/PINGFANGSC-BOLD.ttf);font-style:normal;}
@font-face{font-family:"PINGFANGME";src:url(fonts/PINGFANG-MEDIUM.TTF);font-style:normal;}
@font-face{font-family:"PINGFANGRE";src:url(fonts/PINGFANG-REGULAR.TTF);font-style:normal;}
@font-face{font-family:"PINGFANGLG";src:url(fonts/PINGFANG-LIGHT.TTF);font-style:normal;}
@font-face{font-family:"simhei";src:url(fonts/simhei.ttf);font-style:normal;}



html {font-size:62.5%;}

.midCent{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.midCent1{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.left{float:left;}
.right{float:right;}
.yk{height:auto; overflow:hidden;}


/* 抬头 */
.topbar {width:100%; height:42px; max-width:1920px;margin:0 auto; display:block;  position:relative; z-index:19;}
.topbarz{max-width:1320px; height:42px; margin:0 auto;}
.topbarLef{float:left; line-height:42px; font-size:14px; color:#757575; margin-left: 15px;}
.topbarRig{float:right; height:42px; }
.topbarRig a{float:left;font-size:14px; color:#757575;line-height:42px;}
.topbarRig span{float:left;font-size:14px; color:#d2d2d2; margin:0px 10px;line-height:42px;}
.topbarRig a:hover{ color:#154a98;}

/* 导航 */
.header {width:100%; height:auto; max-width:1920px;margin:0 auto; position: relative;z-index: 99;}
.headerz{max-width:1320px; height:auto; margin:0 auto; }
.headLef{ margin-top: 35px;}
.headLef1{float:left; width: 241px;height:auto; overflow:hidden;}
.headLef1 a{ display: block;}
.headLef1 img{display: block; max-width: 100%;}
.headLef2{float:left;height:33px; overflow:hidden; margin-left: 20px; background: url(../../im/images/xgh.png) left center no-repeat; padding-left: 30px; font-size: 20px; color: #343535; line-height: 33px; margin-top: 5px;}
.headRig{ margin-top: 39px;}
.headRig1{float:left;height:auto; overflow:hidden; }
.headRig1 ul li{float:left;height:auto; overflow:hidden; margin-left:35px;text-align:center; padding-bottom: 25px;}
.headRig1 ul li p span{font-size:16px; color:#000; line-height:22px;}
.headRig1 ul li p font{ font-size:12px; color:#b5b5b5; text-transform:uppercase; line-height:22px;}
.headRig1 ul li.onb{ border-bottom: 3px #0067ac solid;}
.headRig1 ul li.onb p span{ color:#0067ac; }
.headRig1 ul li.onb p font{ color:#0067ac;}

.headRig2{ float: right; height: 33px; margin-left: 55px;position: relative;}
.headRig2 .on1{ float: left; width: 33px; height: 33px; overflow: hidden; background: #0067ac; cursor: pointer; padding: 9px 0px; text-align: center;}
.headRig2 .on2{ float: left;width: 33px; height: 33px; background: #e77817;margin-left: 1px;cursor: pointer; padding: 9px 0px; text-align: center;}

.headRig2 .on2 div{ display: none; position: absolute; top:45px; right: 0; width: 367px; height: 46px; line-height: 44px; background: #fff; border: 1px #f2f2f2 solid; border-radius: 2px;font-family:"PINGFANGRE"; font-size: 16px; color: #000;}
.headRig2 .on2:hover div{ display: block;}



/* 搜索 */
.topSea{ width:100%; height:auto; overflow:hidden; background:#fff; padding:20px 0px; position:absolute; top:153px; left:0px; z-index:991; display:none; border-top:1px #e2e2e2 solid;}
.topSeaz{ width:980px; height:auto; overflow:hidden; margin:0 auto;}
.topSeaz .omb1{ padding:0px; height:48px; border:1px #e5e5e5 solid; overflow:hidden; border-radius:46px;}
.topSeaz .omb1 .on1{ float:left; margin-left:20px; width:800px; height:46px; line-height:44px; font-size:16px;}
.topSeaz .omb1 .on2{ float:right; background:#0067ac; width:130px; height:46px; color:#fff; font-size:16px;overflow:hidden; border-radius:46px; line-height:44px;}
.topSeaz .omb2{ margin-top:8px;}
.topSeaz .omb2 a{ float:left;font-size:16px;color:#999;display:inline-block;margin-left:20px;}
.topSeaz .omb2 a:hover{ color: #0067ac;}


/*  banner */
.focus{position:relative;max-width:1920px; width:100%; height:auto;overflow:hidden; z-index:0; margin:0 auto; }
.fcon{width:100%; height:auto; overflow:hidden;} 
.focus .fcon div{position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;}
.focus .a{position:absolute; left:50%; top:0px; width:1920px; margin-left:-960px }  
.focus div a img{width:100%; display:block;}
.focus .D1fBt a i{}
.focus .prev,.focus .next{width:31px;height:50px;position:absolute; cursor:pointer; top:50%; margin-top:-25px;}
.focus .prev{left:2%; background: url(../../im/images/left.png) center center no-repeat;}
.focus .next{right:2%; background: url(../../im/images/right.png) center center no-repeat;}

.focus .prev:hover{ background: url(../../im/images/left1.png) center center no-repeat;}
.focus .next:hover{ background: url(../../im/images/right1.png) center center no-repeat;}

.focus .fbg{position:absolute; width:1920px;bottom:20px; left:50%;height:auto; overflow:hidden; z-index:9999; text-align:center;margin-left:-960px}
.focus .fbg .D1fBt{z-index:9999; width:1200px; margin:0 auto; text-align:center;}
.focus .fbg .D1fBt a{width:39px; height:6px;margin:0px 7px; display:inline-block;z-index:9999; text-align:center;background:#f1f1f1; border-radius:6px;}
.focus .fbg .D1fBt a.current{background:#0067ac;}



.space{width:100%; height:auto; overflow:hidden; background:#fff; margin: 0 auto; padding:55px 0px;}
.spacTop{}
.spacTop ul{display: flex;justify-content: space-between;}
.spacTop ul li{ float: left;height:auto; overflow:hidden; text-align: center; cursor: pointer;}
.spacTop ul li .spa1{ width: 50px; height: 50px; overflow: hidden; margin: 0 auto; position: relative;}
.spacTop ul li .spa1 img{position: absolute; left: 0px; top: 0px;}
.spacTop ul li .spa2{height:auto; overflow:hidden; margin-bottom: 5px; margin-top: 13px;}
.spacTop ul li .spa2 p{ margin-top: 3px;}
.spacTop ul li .spa2 p span{ font-size: 18px; color: #333;}
.spacTop ul li .spa2 p font{font-size: 12px; color: #333; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
.spacTop ul li p{ text-align: center;}
.spacTop ul li p i{ display: inline-block; width: 0px; height: 2px; overflow: hidden;background:#fff;}

.spacTop ul li:hover .spa1 img{ top: -70px;transition: all 0.2s;}
.spacTop ul li:hover p i{width: 29px;background:#0067ac;transition: all 0.2s;}
.spacTop ul li.active .spa1 img{ top: -70px;transition: all 0.2s;}
.spacTop ul li.active p i{width: 29px;background:#0067ac;transition: all 0.2s;}

.spacBot{ margin-top:4px;}
.spacBotz{}
.spacBotz ul li{ float: left; height: 345px; overflow: hidden; position: relative; margin-top: 24px;}
.spacBotz ul li .om{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit:cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.spacBotz ul li .spac1{ position: absolute; width: 100%; height: auto; overflow: hidden; padding: 0px 30px; left: 0px; bottom: 30px;}
.spacBotz ul li .spac1 span{ display: inline-block;width: 100%; height: auto; overflow: hidden;
text-overflow:ellipsis;white-space: nowrap; padding-left: 18px; background: url(../../im/images/lexd.jpg) left center no-repeat; font-size: 18px; color: #fff;}
.spacBotz ul li .spac2{position: absolute; width: 100%; height: 100%; overflow: hidden; left: 0px; top: 0px;background-color: rgba(0,103,172,0.84); opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.spacBotz ul li .spac2z{position:absolute; left:50%; top:50%; width: 100%; padding: 0px 30px; text-align: center; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.spacBotz ul li .spac2z p{}
.spacBotz ul li .spac2z p img{ width: 30px;}
.spacBotz ul li .spac2z div{ font-size: 18px; color: #fff; line-height: 30px; margin-top: 8px;}
.spacBotz ul li.onb1{ width: 842px; height: 427px;}
.spacBotz ul li.onb2{ width: 330px; height: 427px; margin-left: 27px;}

.spacBotz ul li.onb3{ width: 503px; }
.spacBotz ul li.onb4{ width: 669px; margin-left: 27px;}
.spacBotz ul li.onb5{ width: 503px; }
.spacBotz ul li.onb6{ width: 320px; margin-left: 27px; margin-right: 27px;}
.spacBotz ul li.onb7{ width: 322px; }

.spacBotz ul li:hover .spac2{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.spacBotz ul li:hover .spac1{ display: none;}
.spacBotz ul li:hover .om{transform: scale(1.1);}


/* 笨鸟标识为您提供定制化服务 */
.service{width:100%; height:auto; overflow:hidden; background:#f7f7f7; margin: 0 auto; padding:55px 0px 70px 0px;}
.servTit{ text-align:center;}
.servTit h1{font-family:"simhei";font-size:74px; color:#e6e6e6; line-height:52px; font-weight: bold; text-transform:uppercase; }
.servTit div{ font-size:30px; color:#333; line-height:36px; margin-top:-33px; }
.servTit p{ display:inline-block;width:100%; height:auto; overflow:hidden; text-align:center; margin-top:8px;}
.servTit p i{ display:inline-block; width:40px; height:2px; overflow:hidden; background:#0067ac;}
.servTop{ margin-top: 50px;}
.servTop ul li{ float: left; min-width: 286.5px;height:auto; overflow:hidden; margin-left: 18px; cursor: pointer; width: 23%;}
.servTop ul li .on1{width:100%;height:133px;padding: 0px 10px 20px 10px; overflow:hidden; border: 1px #dfdfdf solid;display: table;text-align:center;}
.servTop ul li .on1 div{display: table-cell;vertical-align: middle;}
.servTop ul li .on1 div h1{ font-size: 18px; color: #363636;}
.servTop ul li .on1 div p{ font-size: 12px; color: #a8a8a8; margin-top: 8px;}
.servTop ul li .on2{ text-align: center; margin-top: -27px; position: relative;}
.servTop ul li .on2 div{border: 4px rgba(167,167,167,0.2) solid;width: 55px; height: 55px;border-radius: 55px; margin: 0 auto;}
.servTop ul li .on2 span{ display: inline-block; width: 47px; height: 47px; overflow: hidden; border-radius: 47px;  background: #dfdfdf; text-align: center; line-height: 46px; font-size: 20px; color: #1d1d1d;}
.servTop ul li:first-child{ margin-left: 0;}

.servTop ul li.active .on1{border: 1px #0067ac solid; background: #0067ac;}
.servTop ul li.active .on1 div h1{color: #fff;}
.servTop ul li.active .on1 div p{color: #fff;}
.servTop ul li.active .on2 div{border: 4px rgba(19,160,255,0.2) solid; }
.servTop ul li.active .on2 div span{ background: #0067ac;color: #fff;}

.servTop ul li:hover .on1{border: 1px #0067ac solid; background: #0067ac;}
.servTop ul li:hover .on1 div h1{color: #fff;}
.servTop ul li:hover .on1 div p{color: #fff;}
.servTop ul li:hover .on2 div{border: 4px rgba(19,160,255,0.2) solid; }
.servTop ul li:hover .on2 div span{ background: #0067ac;color: #fff;}

.servBot{ margin-top: 55px;}
.servBotz{height:auto; overflow:hidden;}
.servBLef{ width: 548px;height:auto; overflow:hidden; }
.servBRig{ width: 600px;height:auto; overflow:hidden; margin-top: 40px;}
.servBRig h1{ font-size: 30px; color: #000; font-weight: bold;}
.servBRig p font{ font-size: 14px; color: #bfbebe; font-family: Arial, Helvetica, sans-serif;}
.servBRig div{height:auto; overflow:hidden; font-size: 16px; color: #505050; line-height: 38px; margin-top: 25px; margin-bottom: 35px;}
.servBRig p a{ display: inline-block; width: 163px; height: 45px; overflow: hidden; text-align: center;background:#0067ac;}
.servBRig p a span{ display: inline-block; height: 45px; font-size: 16px;  color: #fff; background: url(../../im/images/wx.png) left center no-repeat; padding-left: 23px;line-height: 43px;}

/* 笨鸟案例 */
.case{width:100%; height:auto; overflow:hidden; background:#fff; margin: 0 auto; padding:0px 0px 55px 0px;}
.casTop{ }
.casTLef{ width:290px; height: 357px; overflow: hidden; background: url(../../im/images/dd1.jpg) left bottom no-repeat;}
.casTLef .onb1{}
.casTLef .onb1 h1{font-family:"simhei";font-size:74px; color:#e6e6e6; line-height:52px; font-weight: bold; text-transform:uppercase;}
.casTLef .onb1 div{font-size:30px; color:#333; line-height:36px; margin-top:-33px;}
.casTLef .onb2{ margin-top: 25px; }
.casTLef .onb2a{float: left;width: 82px; padding-left: 41px; background: url(../../im/images/bvx.jpg) left top no-repeat;}
.casTLef .onb2a .prev,.casTLef .onb2a .next{ display: inline-block; width: 41px; height: 40px; overflow: hidden; background:#a8a8a8;padding: 12px 16px; cursor: pointer;}
.casTLef .onb2a .prev{background:#a8a8a8;}
.casTLef .onb2a .next{background:#0067ac;}
.casTLef .onb2b{ float: right; width: 195px; font-size: 16px; color: #333; line-height: 24px; letter-spacing: 1px;}
.casTRig{ width: 895px; height: auto; overflow: hidden;}
.casTRig li{ float: left; width: 288px; height: auto; overflow: hidden; border-radius: 15px; margin-right: 16px;}
.casTRig li .inb1{width:100%; height:230px; overflow:hidden;position: relative;}
.casTRig li .inb1 img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit:cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.casTRig li .inb2{width: 100%; padding:15px;height:auto; overflow:hidden;
 background: #0067ac; position: relative; }
.casTRig li .inb2 div{ width: 100%;height: 48px;overflow: hidden; font-size: 16px;
 color: #fff; line-height: 24px;/* padding-bottom: 32px; background: url(../../im/images/gd.png) left bottom no-repeat;*/}

.casBot{ width: 1240px; height:auto; overflow:hidden; margin: 0 auto; margin-top: 50px;}
.casBot .dpy1 .prev,.casBot .dpy1 .next{ float:left; width:46px; height:46px; padding:19px 23px; margin-top:25px; cursor:pointer; overflow:hidden; border-radius:46px;}
.casBot .dpy1 .prev{ margin-right:15px; background:#d4d4d4 url(../../im/images/lef.png) center center no-repeat;}
.casBot .dpy1 .next{ margin-left:15px; background:#d4d4d4 url(../../im/images/rig.png) center center no-repeat;}
.casBot .dpy1 .prev:hover{ background:#25498c url(../../im/images/lef.png) center center no-repeat;}
.casBot .dpy1 .next:hover{ background:#25498c url(../../im/images/rig.png) center center no-repeat;}
.casBot .dpy1 .con1{ float:left; width:1118px;height:auto; overflow:hidden; }
.casBot .dpy1 .con1 ul{overflow:hidden; }
.casBot .dpy1 .con1 li{ width: 210px; height: auto; overflow: hidden; margin-right:17px;}
.casBot .dpy1 .con1 li div{width: 210px;height: 97px; overflow: hidden; border: 1px #dfdfdf solid;position: relative; }
.casBot .dpy1 .con1 li div img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit:cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

.picture{width:100%; height:auto; overflow:hidden; background:#f2f3f7;}
.pictBot{ margin-top:50px;}
.pictBot .dpy2{ width:100%; height:auto; overflow:hidden; }
.pictBot .dpy2 .con2{ width:1200px;height:auto; overflow:hidden; }
.pictBot .dpy2 .con21{ width:1200px;height:auto; overflow:hidden; }
.pictBot .dpy2 .con2 ul{ overflow:hidden; }
.pictBot .dpy2 .con21 ul{ overflow:hidden; }
.pictBot .dpy2 .con2 li{ float:left;width:100%; height:auto; }
.pictBot .dpy2 .con21 li{ float:left;width:100%; height:auto; }
.pictBot .dpy2 .con2 li dl dt{float:left;width:280px; height:auto;margin-left:26px; margin-bottom:10px;}
.pictBot .dpy2 .con21 li dl dt{float:left;width:33%; height:300px; margin-bottom:10px;}
.pictBot .dpy2 .con2 li dt div{width: 270px;height: 99px; overflow: hidden; border: 1px #dfdfdf solid;position: relative; }
.pictBot .dpy2 .con21 li dt div{width: 95%;height: 75%; overflow: hidden; border: 1px #dfdfdf solid;position: relative; }
.pictBot .dpy2 .con2 li dt div img{position: absolute;width: 270px;height: 99px;top: 0;left: 0;object-fit:cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.pictBot .dpy2 .con21 li dt div img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit:cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.pictBot .dpy2 .con2 li dt p{ display:inline-block;width:100%; height:60px; text-align:center; font-size:24px; color:#444; font-family:Arial, Helvetica, sans-serif; line-height:30px; margin-top:15px;}
.pictBot .dpy2 .con21 li dt p{ display:inline-block;width:100%; height:60px; text-align:center; font-size:16px; color:#444; font-family:Arial, Helvetica, sans-serif; line-height:30px; margin-top:15px;}
.pictBot .dpy2 .con2 li dt:nth-of-type(4n-3){ margin-left:0px;}
.pictBot .dpy2 .con2 li dt:hover div img{transform:scale(1.1);transition:all 0.2s;}
.pictBot .dpy2 .con2 li dt:hover p{ color:#ec3300;}
.pictBot1{ text-align:center; margin-top:10px;}
.pictBot1 div{width:100px; margin:0 auto;}
.pictBot1 div .prev,.pictBot1 div .next{width:38px; height:38px; cursor:pointer;}


.bot1{width:100%; height:auto; overflow:hidden; max-width:1920px;margin:0 auto; padding:55px 0px 30px 0px; background:#0080c0; border-top: 4px #0080ff solid;}
.bot1az{}
.bot1az .omb{ float: left; width: auto; min-height: 230px; overflow: hidden; background: url(../../im/images/xg.png) left top no-repeat; padding:0px 33px 0px 37px;}
.bot1az .omb h1{font-size: 18px; color: #fff; padding-bottom: 6px;}
.bot1az .omb h1 a{font-size: 18px; color: #fff; padding-bottom: 6px;}
.bot1az .omb li{height:26px; overflow:hidden;}
.bot1az .omb li a{ font-size: 14px; color: #fff; line-height: 26px;}
.bot1bz{ margin-top: 35px;}
.bot1bLef{height:auto; overflow:hidden; margin-top: 8px;}
.bot1bLef div{height:auto; overflow:hidden;}
.bot1bLef div span{font-size: 16px; color: #fff;}
.bot1bLef div font{font-size: 29px; color: #fff; font-weight: bold;}
.bot1bLef p{ margin-top: 13px;}
.bot1bLef p span{font-size: 16px; color: #fff;}
.bot1bLef p font{font-size: 16px; color: #fff;}
.bot1bRig{height:auto; overflow:hidden;}
.bot1bRig .on1{ float: left;font-size: 16px; color: #fff; text-align: right; line-height: 28px; margin-top: 40px;}
.bot1bRig .on2{ float: right; width: 137px; height:auto; overflow: hidden; background: #fff; margin-left: 20px;}
.bot1bRig .on2 img{ width: 100%;}
.bot1cz{margin-top: 40px;}
.bot1cz span{ float: left;font-size: 14px; color: #fff; line-height: 28px; }
.bot1cz a{ float: left;font-size: 14px; color: #fff; line-height: 28px; margin-right:17px;}

.bot2{width:100%; height:auto; overflow:hidden; max-width:1920px;margin:0 auto; padding:20px 0px; background:#0080c0; text-align: center;}
.bot2z span{ font-size:14px; color:#c7c7c7;font-family:"方正黑体简体";  margin-right:15px;}
.bot2z span a{ font-size:14px; color:#c7c7c7;font-family:"方正黑体简体";  margin-right:15px;}




/* 右边虚浮 */
.foot{ width:62px; position:fixed; right:5px; top:48%;}
.foot ul li{ width:62px; height:62px; margin-bottom:10px; position:relative;}
.foot ul li .fot1{ width:62px; height:62px; overflow:hidden; cursor:pointer; background:#fff; border-radius:62px;box-shadow:-1px 0px 8px 0px rgba(0, 0, 0, 0.18); padding:19.5px; }
.foot ul li .fot1 div{ width: 23px; height: 23px; overflow: hidden;position:relative;}
.foot ul li .fot1 div img{ position:absolute; left:0px;}
.foot ul li .fot2{ display: none; height:58px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#25498c; border-radius:62px; font-size:16px; color:#fff; position:absolute; top:2px; right:62px; line-height:56px; padding:0px 25px;}
.foot ul li .fot2 font{ font-size:20px; color:#fff;}
.foot ul li .fot3{display: none; width: 150px; height:150px; border: 2px #25498c solid; overflow:hidden; position:absolute; top:0px; right:62px; }
.foot ul li .fot3 img{ width: 100%;}
.foot ul li:hover .fot1{ background:#25498c;}
.foot ul li:hover .fot1 div img{ top:-33px;}
.foot ul li:hover .fot2{ display: block;}
.foot ul li:hover .fot3{ display: block;}
.foot ul li#foot{ display: none;}



.inban1{width:100%; height:auto; overflow:hidden;margin:0 auto; }
.inban1 .inban1z{ position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;} 
.inban1 .inban1z img{ display: block;}

/* 面包屑 */
.crumbs{width:100%; height:auto; max-width:1920px;margin:0 auto; margin-top: -40px; position: relative; }
.crumbsz{ border: 1px #ebebeb solid; background: #fff;}
.crumbsz1{ border: 1px #ebebeb solid; background: #fff;margin-top: 40px;}
.crumLef{}
.crumLef ul li{ float: left; height: 74px; overflow: hidden; line-height: 74px; margin-left: 60px;}
.crumLef ul li a{ font-size: 18px; color: #444;line-height: 74px;}
.crumLef ul li.activ{border-bottom: 3px #0067ac solid;}
.crumLef ul li.activ a{ color: #0067ac; font-weight: bold;}
.crumLef ul li:hover a{ color: #0067ac; }
.crumRig{ margin-right: 55px; background: url(../../im/images/mbg.png) left center no-repeat; padding-left: 14px; margin-top: 25px;float: right;}
.crumRig span{font-size: 14px; color: #444; line-height: 24px;}
.crumRig a{font-size: 14px; color: #444; line-height: 24px;}
.crumRig font{font-size: 14px; color: #444;padding: 0px 4px; line-height: 24px;}


.crumLef1 ul li{ float: left; height: 74px; overflow: hidden; line-height: 74px; margin-left: 35px;}
.crumLef3 ul li{ float: left; height: 74px; overflow: hidden; line-height: 74px; margin-left: 35px;}
.crumLef6 ul li{ float: left; height: 74px; overflow: hidden; line-height: 74px; margin-left: 35px;}
.crumLef7 ul li{ float: left; height: 74px; overflow: hidden; line-height: 74px; margin-left: 35px;}
.crumLef1 ul li a{ font-size: 18px; color: #444;line-height: 74px;}
.crumLef1 ul li p .activ{border-bottom: 3px #0067ac solid;}
.crumLef1 ul li.activ a{ border-bottom: 3px #0067ac solid;}
.crumLef1 ul li:hover a{ color: #0067ac; }
.crumLef3 ul li a{ font-size: 18px; color: #444;line-height: 74px;}
.crumLef3 ul li p .activ{border-bottom: 3px #0067ac solid;}
.crumLef3 ul li.activ a{ border-bottom: 3px #0067ac solid;}
.crumLef3 ul li:hover a{ color: #0067ac; }
.crumRig1{ margin-right: 55px; background: url(../../im/images/mbg.png) left center no-repeat; padding-left: 14px; margin-top: 25px;float: right;}
.crumRig1 span{font-size: 14px; color: #444; line-height: 24px;}
.crumRig1 a{font-size: 14px; color: #444; line-height: 24px;}
.crumRig1 font{font-size: 14px; color: #444;padding: 0px 4px; line-height: 24px;}

.crumLef2 ul li{ float: left; height: 74px; overflow: hidden; line-height: 74px; margin-left: 60px;width: 19%;}
.crumLef2 ul li a{ font-size: 18px; color: #444;line-height: 74px;}
.crumLef2 ul li.activ{border-bottom: 3px #0067ac solid;}
.crumLef2 ul li.activ a{ color: #0067ac; font-weight: bold;}
.crumLef2 ul li:hover a{ color: #0067ac; }
.crumRig2{ margin-right: 55px; background: url(../../im/images/mbg.png) left center no-repeat; padding-left: 14px; margin-top: 25px;float: right;}
.crumRig2 span{font-size: 14px; color: #444; line-height: 24px;}
.crumRig2 a{font-size: 14px; color: #444; line-height: 24px;}
.crumRig2 font{font-size: 14px; color: #444;padding: 0px 4px; line-height: 24px;}


.crumLef4 ul li{ float: left; height: 74px; overflow: hidden; line-height: 74px; margin-left: 60px;width: 19%;}
.crumLef4 ul li a{ font-size: 18px; color: #444;line-height: 74px;}
.crumLef4 ul li.activ{border-bottom: 3px #0067ac solid;}
.crumLef4 ul li.activ a{ color: #0067ac; font-weight: bold;}
.crumLef4 ul li:hover a{ color: #0067ac; }
.crumRig4{ margin-right: 55px; background: url(../../im/images/mbg.png) left center no-repeat; padding-left: 14px; margin-top: 25px;float: right;}
.crumRig4 span{font-size: 14px; color: #444; line-height: 24px;}
.crumRig4 a{font-size: 14px; color: #444; line-height: 24px;}
.crumRig4 font{font-size: 14px; color: #444;padding: 0px 4px; line-height: 24px;}

.crumLef6 ul li{ float: left; height: 74px; overflow: hidden; line-height: 74px; margin-left: 60px;width: 19%;}
.crumLef6 ul li .onb{ color: }
.crumLef6 ul li a{ font-size: 18px; color: #444;line-height: 74px;}
.crumLef6 ul li.activ a{border-bottom: 3px #0067ac solid;}
.crumLef6 ul li.activ a{ color: #0067ac; font-weight: bold;}
.crumLef6 ul li:hover a{ color: #0067ac; }
.crumRig6{ margin-right: 55px; background: url(../../im/images/mbg.png) left center no-repeat; padding-left: 14px; margin-top: 25px;float: right;}
.crumRig6 span{font-size: 14px; color: #444; line-height: 24px;}
.crumRig6 a{font-size: 14px; color: #444; line-height: 24px;}
.crumRig6 font{font-size: 14px; color: #444;padding: 0px 4px; line-height: 24px;}

/* 简介 */
.brief{width:100%; height:auto; overflow:hidden; max-width:1920px;margin:0 auto; padding: 35px 0px 0px 0px;}
.briefz{}
.briefz h1{font-size: 24px; color: #444;font-weight: bold;}
.briefz div{ margin-top: -9px;}


/* 创始人致辞 */
.address{width:100%; height:auto; overflow:hidden; max-width:1920px;margin:0 auto; /*padding: 60px 0px;*/ background: url(../../im/images/bg2.jpg) center center no-repeat;}
.addressz{}
.addressz h1{font-size: 32px; color: #fff;font-weight: bold;}
.addressz .adres{height:auto; overflow:hidden;margin-top: 40px; /*padding: 33px 0px 50px 50px;*/ background: url(../../im/images/qdh.png) left top no-repeat;}
.addressz .adres div{height:auto; overflow:hidden;  padding: 0px 50px 33px 0px; background: url(../../im/images/hdh.png) right bottom no-repeat; font-size: 18px; color: #fff; line-height: 36px;}


/* 企业荣誉 */
.honor{width:100%; height:auto; overflow:hidden; max-width:1920px;margin:0 auto; /*padding: 60px 0px;*/}
.honTop{}
.honTop  h1{font-size:32px; color: #000;font-weight: bold;}
.honTop .dpy2{height:auto; overflow:hidden; margin-top: 25px;}
.honTop .dpy2 .con2{ float:left; width:1200px;height:auto; overflow:hidden; }
.honTop .dpy2 .con2 ul{overflow:hidden; }
.honTop .dpy2 .con2 li{float:left;width:360px; height:auto; overflow:hidden; margin-right: 60px;}
.honTop .dpy2 .con2 li .prd1{width:360px; height:255px; padding: 6px; overflow:hidden; background: #f5f5f5; position: relative;}
.honTop .dpy2 .con2 li .prd1 img{ max-width: 100%; max-height: 100%; position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.honTop .dpy2 .con2 li .prd2{height:auto; overflow:hidden; text-align: center; font-size: 18px; color: #383838; margin-top: 15px;}

.honTop .dpy2 .hd{width:100%; height:auto; overflow:hidden; text-align:center; padding-top:33px;}
.honTop .dpy2 .hd ul{ display:inline-table;}
.honTop .dpy2 .hd li{ width:15px; height:15px; overflow:hidden; border-radius:15px;background:#b0b0b0; margin:0px 10px; float:left; line-height:50px; cursor:pointer;}
.honTop .dpy2 .hd li.on{ background:#0067ac;}

.honBot{ margin-top: 55px;}
.honBTit{ background: url(../../im/images/zxd.jpg) center center repeat-x;}
.honBTit span{ background: #fff; padding-right: 15px; font-size: 20px; color: #333;}

.honBot .gallery-thumbs{ margin-top: 45px; padding: 0px 40px; position: relative;}
.honBot .gallery-thumbs ul li{ text-align: center; font-size: 20px; color: #8e8e8e;padding-bottom: 20px;}
.honBot .gallery-thumbs .swiper-slide-thumb-active{ color: #0067ac;  background: url(../../im/images/atv.png) bottom center no-repeat;}

.honBot .gallery-thumbs .swiper-button-next,.honBot .gallery-thumbs .swiper-button-prev{ width: 20px; height: 20px; overflow: hidden; position: absolute; margin-top: -15px;}
.honBot .gallery-thumbs .swiper-button-next.swiper-button-disabled{ right: 0px; background: url(../../im/images/rig1.png) center center no-repeat; opacity: 1;}
.honBot .gallery-thumbs .swiper-button-prev.swiper-button-disabled{ left: 0px; background: url(../../im/images/lef1.png) center center no-repeat; opacity: 1;}
.honBot .gallery-thumbs .swiper-button-next{right: 0px; background: url(../../im/images/rig2.png) center center no-repeat;}
.honBot .gallery-thumbs .swiper-button-prev{left: 0px; background: url(../../im/images/lef2.png) center center no-repeat;}

.honBot .gallery-top{ margin-top: 40px;}
.honBot .gallery-top .onb1{ float: left; width: 150px; height: 86px; line-height: 86px; border-right: 1px #dbdbdb solid; font-size: 24px; color: #0067ac; font-weight: bold;}
.honBot .gallery-top .onb2{ float: right; width: 1005px; height: auto; overflow: hidden;}
.honBot .gallery-top .onb2 p{ font-size: 18px; color: #5d5d5d;}


/* 企业文化 */
.culture{width:100%; height:auto; overflow:hidden; max-width:1920px;margin:0 auto; padding: 60px 0px; background: #f6f6f6;}
.cultTit{font-size: 32px; color: #000;font-weight: bold;}
.cultBot{ margin-top: 35px; height:435px; overflow:hidden;}

.cultBot.sucai{height:435px; padding-right:20px;overflow:hidden;  font-size:18px; color:#5d5d5d;background:url(../../im/images/gdx.png) top right repeat-y; }
.cultBot#sucai{height:435px;padding-right:20px;overflow:hidden; }

.pagination ul{text-align: center;}
.pagination a {
    float: left;
    display: inline-block;
    height: 44px;
    width: 60px;
    overflow: hidden;
    text-align: center;
    line-height: 42px;
    border: 1px #ccc solid;
    margin: 0px 5px;
    background: #fdfdfd;
        background-color: rgb(253, 253, 253);
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.current {
    background-color: #345155 !important;
    color: #FFF !important;
}

#pages a{float: left;
    display: inline-block;
    height: 44px;
    width: 60px;
    overflow: hidden;
    text-align: center;
    line-height: 42px;
    border: 1px #ccc solid;
    margin: 0px 5px;
    background: #fdfdfd;
        background-color: rgb(253, 253, 253);
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 10px;}

#pages span{float: left;
    display: inline-block;
    height: 44px;
    width: 60px;
    overflow: hidden;
    text-align: center;
    line-height: 42px;
    border: 1px #ccc solid;
    margin: 0px 5px;
    background: #fdfdfd;
        background-color: rgb(253, 253, 253);
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 10px;
background-color: #345155 !important;
color: #FFF !important;}

.zxxq{width:100%;height: auto; overflow: hidden; padding:2.5rem 5.5rem;}
.zxxq .crumbs{ float: left; margin-top: 17px;}
.zxxq .return{ display: inline-block; width: 233px; height: 54px; overflow: hidden; border-radius: 56px; border: 1px #343434 solid; text-align: center; line-height: 54px;}
.zxxq .return span{ background:url(../../im/images/retu1.png) left center no-repeat; padding-left: 25px; font-size: 18px; color: #333; line-height: 52px;}
.zxxq .return:hover span{background:url(../../im/images/retu2.png) left center no-repeat;color: #fff;transition: all 0.3s;}
.zxxq .return:hover{border: 1px #ac0000 solid;background:#ac0000;transition: all 0.3s;}



.middled{ max-width: 1920px; margin: 0 auto;}

.picDate5{width:100%;height: auto; overflow: hidden;}
.picDate5a{width:100%;height: auto; overflow: hidden; text-align: center;}
.picDate5a h1{ font-size: 36px; color: #343434; font-weight: bold;}
.picDate5a div{width:100%;height: auto; overflow: hidden; margin-top:22px;}
.picDate5a div span{ margin: 0px 15px; font-size: 16px; color: #7c7c7c; line-height: 18px;}
.picDate5a div font{ margin: 0px 15px; font-size: 16px; color: #7c7c7c; line-height: 18px; padding-left:25px; background: url(../../im/images/fx.png) left center no-repeat;}
.picDate5b{width:100%;height: auto; overflow: hidden; margin-top:35px;}
.picDate5c{width:100%;height: auto; overflow: hidden; margin-top:45px; border-top: 1px #d0d0d0 solid; padding-top: 25px;}
.picDate5c div span{font-size: 16px; color: #333;}
.picDate5c div a{font-size: 16px; color: #333;}
.picDate5c div a:hover{color: #ac0000;}

.picDate6{width:100%;height: auto; overflow: hidden; margin-top: 55px;}
.picDate6a{width:100%;height: auto; overflow: hidden;}
.picDate6a ul li{float: left; width: 23.5%; height: auto; overflow: hidden; background: #fff; margin-left: 2%; text-align: left;transition: all 0.2s;}
.picDate6a ul li .on1{width:100%;height:auto; overflow: hidden;}
.picDate6a ul li .on1 img{width: 100%;transition: all 0.2s;}
.picDate6a ul li .on2{width:100%;height:auto; overflow: hidden;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 18px; color: #343434; margin-top: 15px;}
.picDate6a ul li p{ font-size: 16px; color: #999;margin-top:8px;}
.picDate6a ul li .on3{width:100%;height:1px; overflow: hidden; background: #c9c9c9;margin-top: 15px;}
.picDate6a ul li .on3 i{ display: inline-block;width:0%;height:1px; overflow: hidden;transition: all 0.2s;}
.picDate6a ul li:nth-of-type(1){ margin-left: 0%;}
.picDate6a ul li:hover .on3 i{width:100%;transition: all 0.2s; background: #ac0000;}
.picDate6a ul li:hover .on2{ color: #ac0000;}
.picDate6a ul li:hover p{color: #000;}
.picDate6a ul li:hover .on1 img{transform: scale(1.1);transition: all 0.2s;}
.picDate{ height: auto; overflow: hidden; padding:2rem 5.5rem 3.5rem 5.5rem; background: }


.zxxq{width:100%;height: auto; overflow: hidden; padding:2.5rem 5.5rem;}
.zxxq .crumbs{ float: left; margin-top: 17px;}
.zxxq .return{ display: inline-block; width: 233px; height: 54px; overflow: hidden; border-radius: 56px; border: 1px #343434 solid; text-align: center; line-height: 54px;margin-top: -1%;}
.zxxq .return span{ background:url(../../im/images/retu1.png) left center no-repeat; padding-left: 25px; font-size: 18px; color: #333; line-height: 52px;}
.zxxq .return:hover span{background:url(../../im/images/retu2.png) left center no-repeat;color: #fff;transition: all 0.3s;}
.zxxq .return:hover{border: 1px #ac0000 solid;background:#ac0000;transition: all 0.3s;}

.picDTit{width:100%;height:auto; overflow: hidden; border-bottom: 1px #0067ac solid;}
.picDate .picDTit{ margin-bottom: 40px;}
.picDTit span{ display: inline-block; width: 173px; height: 52px; text-align: center; line-height: 50px; border: 1px #0067ac solid;border-bottom:0px; font-size: 18px; color: #0067ac; font-weight: bold;}
.picDTit a{ float: right; font-size: 16px; color: #333; margin-top: 19px;}
.picDTit a:hover{ color: #ac0000;}

/* 产品详情 */
.left1{ float: left;width: 70%;}
.left2{ float: left;width: 46%;}
.left{ float: left;width: 24%;}
.left3{ float: left;width: 100%;}
.left4{ float: left;width: 60%;}
.left5{ float: left;width: 100%;}
.right{ float: right;}
.prdRig3{width:100%;height:auto; overflow:hidden; margin-top: 50px;}
.prdRig3Lef{ width:46.5%; position: relative;}
.prdRig3Lef .gallery-top{ width: auto; overflow:hidden;}
.prdRig3Lef .gallery-top .swiper-slide {width: 100%;}
.prdRig3Lef .gallery-top .swiper-slide img{ width: 100%;}
.prdRig3Lef .gallery-thumbs {width:85%;height: 20%;box-sizing: border-box;margin-top:3%;}
.prdRig3Lef .gallery-thumbs .swiper-slide{width:100%;height:auto;}
.prdRig3Lef .gallery-thumbs .swiper-slide div{height:85px; border:2px #d5d5d5 solid;position: relative;}
.prdRig3Lef .gallery-thumbs .swiper-slide img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.prdRig3Lef .gallery-thumbs .swiper-slide-thumb-active div{border:2px #d6001d solid;}
.prdRig3Lef .swiper-button-next{ width: 35px; height:87px; right: 0px!important; top: auto; bottom:0px; background: url(../../im/images/rig3.png) center center no-repeat !important;}
.prdRig3Lef .swiper-button-prev{ width: 35px; height:87px; left: 0px!important; top: auto; bottom:0px;background: url(../../im/images/lef3.png) center center no-repeat !important;}
.prdRig3Rig{ width:50%; margin-top:2%;}
.prdRig3Rig .picDa1{ height: auto; overflow: hidden; }
.prdRig3Rig .picDa1 h1{ font-size: 26px; color: #4f181a; font-weight: bold; margin-bottom:20px;}
.prdRig3Rig .picDa1 div{border-top: 1px #c1c1c1 solid;}
.prdRig3Rig .picDa1 div p{ font-size: 16px; color: #3e3731; margin-top:15px;}
.prdRig3Rig .picDa2{ height: auto; overflow: hidden; margin-top:40px;}
.prdRig3Rig .picDa2a{width:130px;height: auto; overflow: hidden; margin-top:28px; margin-left: 18%;}
.prdRig3Rig .picDa2a div{ width: 100%;}
.prdRig3Rig .picDa2a div img{width: 100%;}
.prdRig3Rig .picDa2a p{ font-size: 14px; color: #3e3731; text-align: center; margin-top:10px;}
.prdRig3Rig .picDa2b{ width:46%; border: 1px #ff0000 solid; border-radius: 4px;padding: 1.2rem 2.5rem; text-align: center;}
.prdRig3Rig .picDa2b div{ display: inline-table; background: url(../../im/images/dh3.png) left center no-repeat; padding-left:45px;}
.prdRig3Rig .picDa2b div p{text-align: left; font-size: 14px; color: #3e3731; line-height: 18px;}
.prdRig3Rig .picDa2b div h1{ font-size: 26px; color: #3e3731; font-weight: bold; line-height: 28px; margin-top:5px;}

.prdRig4{width:100%;height:auto; overflow:hidden; margin-top:65px;}
.prdRig4a{width:100%;height:auto; overflow:hidden; background: #eff2f4;}
.prdRig4a span{ display:inline-block; width: 160px; height: 45px; overflow: hidden; text-align: center; line-height: 44px; color: #fff; background: #bc1d21; font-size: 16px;}
.prdRig4b{ height:auto; overflow:hidden; border: 1px #e5e5e5 solid; border-top: 0px; padding:50px 45px;}


.nana h1{font-size: 18px;
color: #444;
line-height: 74px;}

.ssss{border: 1px solid #20569b;width: 550px;height: 389px;margin-bottom: 14px;}

/* 新闻动态 */
.newsList{width: 100%;height:auto; overflow: hidden; padding:0px 0px 60px 0px;}
.newsLTop{}
.newsLTop div{ display: inline-table;}
.newsLTop div ul li{ float: left; height: 42px; line-height: 40px; font-size: 18px; color: #000; padding: 0px 15px; cursor: pointer; margin: 0px 10px;}
.newsLTop div ul li a{ line-height: 40px; font-size: 18px; color: #000;}
.newsLTop div ul li.active{ background: #0c3c73; color: #fff;}
.newsLTop div ul li.active a{ background: #0c3c73; color: #fff;}
.newsLTop div ul li:hover{ background: #0c3c73;transition: all 0.2s;}
.newsLTop div ul li:hover a{ color: #fff;transition: all 0.2s;}

.newsLBot{margin-top:60px;}
.newsLBot ul li{width:100%; height:auto; overflow:hidden; border-bottom: 1px #d9d9d9 dashed; padding-bottom: 20px; margin-bottom: 20px;}
.newsLBot ul li p{ display:inline-block;width:100%; height:auto; overflow:hidden;}
.newsLBot ul li p span{ float: left; font-size: 18px; color: #000;}
.newsLBot ul li p font{ float: right; font-size: 16px; color: #5c5c5c;}
.newsLBot ul li div{width:100%; height:auto; overflow:hidden; font-size: 14px; color: #828282; line-height: 22px; margin-top:5px;}
.newsLBot ul li:hover p span{ color: #0c3c73; font-weight: bold;}
.newsLBot ul li:hover p font{ color: #000;}
.newsLBot ul li:hover div{ color: #333;}


/* 新闻动态列表 */
.newsDate{width: 100%;height:auto; overflow:hidden; padding:10px 0px 50px 0px;}
.newsDTop{height:auto; overflow:hidden; border-bottom: 1px #d9d9d9 dashed; padding-bottom:30px;}
.newsDTop h1{text-align: center; font-size: 36px; color: #000; font-weight: bold;}
.newsDTop div{ text-align: center; margin-top: 12px;}
.newsDTop div span{ font-size: 16px; color: #9a9a9a; margin: 0px 13px;}
.newsDCent{height:auto; overflow:hidden; margin-top: 40px;}
.newsDBot{height:auto; overflow:hidden; margin-top: 50px; border-top: 1px #d9d9d9 solid; padding-top: 25px;}
.newsDBot div span{ font-size: 18px; color: #656565;}
.newsDBot div a{font-size: 18px; color: #000;}
.newsDBot div a:hover{color: #b12222;}

.middle{width:1200px; height:auto; overflow:hidden; margin:0 auto;}

.ttjj{margin-top: -40px;
position: relative;
margin: 0 auto;width: 100%;
height: 33px;background: #f2f3f7;}
.tuijian{font-size: 25px;color: #0067ac;background: #f2f3f7;width: 1200px;
height: auto;
overflow: hidden;
margin: 0 auto;
    margin-top: 0px;
margin-top: 0px;}