@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1300px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1300px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
/* CSS Document */
.top{background: #041929; height: 42px; line-height: 42px;}
.top .container{position: relative;}
.top h2{font-size: 14px; color: #fff;}
.top em{ color: #fff; }
.top em>img{display: inline-block; vertical-align: text-top; margin-right: 11px;}
.top i{display: inline-block; width: 1px; height: 14px; background: #fff; opacity: 0.2; margin: 0 17px;}
.head-weixin{width:130px;height:130px;padding:4px;background:#fff;box-shadow: 1px 1px 10px #aaa;position: absolute;top:50px;right:0;z-index:9999;display: none;border-radius:10px;overflow: hidden;}

/*公共头部*/
.head{position: absolute; width: 100%; left: 0; z-index: 222; height: 88px; border-bottom: 1px solid rgba(0,0,0,0.05)}
.head .logo{margin-top: 10px; }
.nav ul li{float: left;  margin-right: 62px;}
.nav ul li:last-child{margin-right: 0}
.nav ul li a{display: block;font-size: 16px;  line-height: 88px; color: #000;}
.nav ul li:hover a,.nav ul li.on a{color: #fff}
.headfixed{position: fixed; background: #fff; top: 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.headfixed .nav ul li:hover a,.headfixed .nav ul li.on a{color: #0f6fb9}


/*首页banner*/
.banner{position:relative; }
.banner-hd {height:826px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}

/*数字按钮样式*/
.banner-prev,.banner-next{position: absolute; width: 34px; height: 54px; top: 50%; transform: translateY(-50%);}
.banner-prev{background: url(/Templates/default/Common/images/banner-prev.png) no-repeat center; left: 195px}
.banner-next{background: url(/Templates/default/Common/images/banner-next.png) no-repeat center; right: 195px}
.banner-prev:hover{background: url(/Templates/default/Common/images/banner-prev2.png) no-repeat center; }
.banner-next:hover{background: url(/Templates/default/Common/images/banner-next2.png) no-repeat center; }


/*优势*/
.ys{background: #003973}
.ys-list ul li{float: left;  background: url(/Templates/default/Common/images/ys-bg.jpg) no-repeat center; width: 390px; height: 163px; margin-right: 64px; position: relative;}
.ys-list ul li .text{margin-left: 26px; margin-top: 23px;}
.ys-list ul li strong{display: block; font-size: 28px; color: #fff; }
.ys-list ul li strong>img{display: inline-block; vertical-align: super; margin-right: 14px;}
.ys-list ul li i{display: block; font-size: 21px; color: #fff; opacity: 0.2; line-height: 21px; font-weight: bold; margin-bottom: 11px;}
.ys-list ul li h3{display: block; font-size: 20px; color: #fff; font-weight: bold;}
.ys-list ul li .icon{position: absolute;  top: 43px; right: 76px;}


/*产品中心*/
.product{background: url(/Templates/default/Common/images/product-bg.jpg) no-repeat center; border-bottom: 2px solid #0766b0; padding: 95px 0 129px; margin-bottom: 39px;}
.index-title h2{display: block; font-size: 36px;color: #222222;}
.product-title{margin-bottom: 64px;}
.product-title h2{font-size: 42px; }
.product-title i{display: block; width: 101px; height: 4px; background: #0f6fb9; margin-bottom: 7px;}
.product-title b{display: block; font-size: 15px; line-height: 16px; color: #000000; border-right: 3px solid #0766b0; padding-right: 7px; margin-top: 52px;}
.pro-btn{width: 327px; border-top: 1px solid #fff; border-left: 1px solid #fff; box-sizing:border-box;}
.pro-btn ul li{float: left; border-right: 1px solid #fff; border-bottom: 1px solid #fff;  box-sizing:border-box; width: 163px; height: 163px;}
.pro-btn ul li img{display: block; margin: 36px auto 13px;}
.pro-btn ul li em{display: block; font-size: 18px; color: #000000; text-align: center;}
.pro-btn ul li.on img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.pro-btn ul li.on {background: #0f6fb9; }
.pro-btn ul li.on em{color: #fff;}
.product-list .pic{position: relative;}
.product-list .pic span{position: absolute; width: 256px; font-size: 16px;  line-height: 49px; color: #000000; text-align: center; background: #f7f7f7; right: 0; bottom: 0}


/*行业解决方案*/
.industry{margin-bottom: 79px;}
.industry-title{margin-bottom: 22px;}
.industry-list ul li{float: left; margin-right: 30px; position: relative;}
.industry-list ul li em{display: block; position: absolute; right: 0; bottom: 0; width: 178px; font-size: 16px; line-height: 44px; text-align: center; background: #f7f7f7; color: #333;}
.industry-list ul li:hover em{background: #0f6fb9; color: #fff; transition:0.6s;}


/*传统？榛蚋鲂曰ㄖ蒲由*/
.process{background: url(/Templates/default/Common/images/process-bg.jpg) no-repeat center bottom; padding: 49px 0 0; height: 505px; margin-bottom: 50px;}
.process-title{text-align: center; margin-bottom: 52px;}
.process-title h2{color: #fff; }
.process-title h3{font-size: 14px; color: #fff; opacity: 0.4}
.process-list ul li{float: left;  }
.process-list ul li.item1{margin-right: 138px; margin-top: 30px; margin-left: 37px;}
.process-list ul li.item2{margin-right: 127px; margin-top: 162px;}
.process-list ul li.item3{margin-right: 108px; margin-top: 10px;}
.process-list ul li.item4{margin-right: 178px; margin-top: 182px;}
.process-list ul li.item5{margin-right: 0}
.process-list ul li .text{background: url(/Templates/default/Common/images/process-text.png) no-repeat center; width: 140px; height: 65px;}
.process-list ul li .text em{display: block; line-height: 50px; font-size: 20px; color: #fff; text-align: center;}
.process-list ul li .num{width: 85px; height: 85px; background: #1aa856; border-radius: 50%; margin-top: -8px; position: relative;}
.process-list ul li .num b{display: block; font-size: 46px; line-height: 85px; font-style: italic; color: #fff; text-align: center; font-family: arial; }
.process-list ul li .num:before {position: absolute; top: -5px; left: -5px; content: '';display: block;width: 95px;height: 95px;border-radius: 50%;opacity: .3;background: #1aa856;/*animation: scaless 1s infinite cubic-bezier(0, 0, .49, 1.02);*/}
@keyframes scaless {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(1.1)
    }

    78%,
    100% {
        opacity: 0
    }
}
.process-list ul li .text2{background: url(/Templates/default/Common/images/process-text2.png) no-repeat center; margin-top: -8px; }
.process-list ul li .text2 em{padding-top: 15px;}
.process-list ul li.item2 .num,.process-list ul li.item4 .num{margin-top: 0}


/*关于我们*/
.about{margin-bottom: 84px;}
.about .index-title{margin-bottom: 12px;}
.about-content p{width: 1214px; font-size: 16px;  line-height: 32px; color: #333; text-align: center;}
.about-content a{display: block; margin: 64px auto 0; width: 152px; line-height: 42px; border: 1.5px solid #0766b0; box-sizing:border-box; background: url(/Templates/default/Common/images/more-icon.png) no-repeat right 29px center; text-indent: 29px; border-radius: 5px;}
.about-content a:hover{background: url(/Templates/default/Common/images/more-icon.png) no-repeat right -29px center #0766b0; color: #fff; text-indent: 47.5px; transition:0.6s;}


/*透过文化看博稷*/
.news{background: url(/Templates/default/Common/images/news-bg.jpg) no-repeat center top; padding: 95px 0 101px; margin-bottom: 47px;}
.news .index-title{margin-bottom: 62px;}
.news .index-title h2{display: inline-block; line-height: 36px;}
.news .index-title i{display: inline-block; width: 30px; height: 2px; background: #0766b0; margin-top: 17px; margin-left: 7px;}
.news .index-title a{display: block; line-height: 36px; color: #0766b0;}
.news .index-title img{margin-left: 18px;}
.news-list{overflow: hidden;}
.news-list ul li{float: left; margin-right: 17px; width: 422px;}
.news-list ul li .pic{width: 422px; height: 266px; overflow: hidden;}
.news-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li .info{background: #fff; padding: 31px 39px 0; height: 240px; box-sizing:border-box;}
.news-list ul li .info span{display: block; color: #999999; margin-bottom: 10px;}
.news-list ul li .info img{margin: 0 8px;}
.news-list ul li .info strong{display: block; font-size: 22px; color: #333333; margin-bottom: 47px;}
.news-list ul li .info em{color: #999999; }
.news-list ul li .info p{font-size: 15px; line-height: 24px; color: #999999; display: none; }
.news-list ul li:hover strong{color: #0766b0}
.news-list ul li:hover .info em{display: none; }
.news-list ul li:hover .info p{display: block; }
.news-content{position: relative;}
.news-prev,.news-next{position: absolute; cursor: pointer;  width: 74px; height: 74px; border: 1px solid #d9d9d9; border-radius: 50%;  top: 50%; transform: translateY(-50%); z-index: 2}
.news-prev{background: url(/Templates/default/Common/images/news-prev.png) no-repeat center #fff; left: -187px;}
.news-next{background: url(/Templates/default/Common/images/news-next.png) no-repeat center #fff; right: -187px;}
.news-prev:hover{background: url(/Templates/default/Common/images/news-prev2.png) no-repeat center #fff;}
.news-next:hover{background: url(/Templates/default/Common/images/news-next2.png) no-repeat center #fff;}


/*合作伙伴*/
.partner{margin-bottom: 48px;}
.partner .index-title{margin-bottom: 41px;}
.partner-list ul li{float: left; width: 300px; margin-right: 33px; margin-bottom: 31px;}
.partner-list ul li:nth-child(4n){margin-right: 0}
.partner-list ul li .pic img{display: block;   box-shadow: 1.454px 2.624px 20px 0px rgba(0, 0, 0, 0.05);}


/*公共底部*/
.footer{background: #041929}
.footer-top{padding: 45px 0 72px; border-bottom: 1px solid rgba(255,255,255,0.05); }
.footer .contact{width: 480px;}
.contact .logo{padding-bottom: 29px; border-bottom: 1px solid rgba(255,255,255,0.05); margin-bottom: 33px;}
.footer .contact p{display: block; font-size: 15px; line-height: 36px; color: #838383}
.footer .contact img{vertical-align: middle; margin-right: 18px;}
.foot-right{width: 736px;}
.foot-back{margin-top: 23px; margin-bottom: 50px;}
.foot-back a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.foot-nav dl{float: left; margin-right: 117px;}
.foot-nav dl dt{display: block; font-size: 18px; line-height: 18px; color: #838383; font-weight: bold; margin-bottom: 22px;}
.foot-nav dl dd a{display: block; font-size: 15px; line-height: 36px; color: #838383}
.foot-nav dl.item1{margin-right: 80px;}
.foot-nav dl.item2{margin-right: 73px;}
.nav-main ul li a{display: block; font-size: 18px; line-height: 18px; color: #838383; font-weight: bold; margin-bottom: 29px;}
.footer .wechat em{display: block; font-size: 15px; line-height: 47px; color: #fff; text-align: center;}
.foot-copy{padding: 35px 0}
.foot-copy p{display: block; color: #838383}
.foot-copy p a{color: #838383}
.foot-nav dl dd a:hover,.nav-main ul li a:hover,.foot-copy p a:hover{color: #fff;}




/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #0f6fb9;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #0f6fb9;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(/Templates/default/Common/images/ny-wechat.jpg) no-repeat center top 10px #0f6fb9;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}



/*内页样式*/
.ny-hd{height: 600px;}
.ny-main{margin: 40px 0 80px}
.ny-left{width: 270px;}
.column-title{ background: url(/Templates/default/Common/images/pro-class.png) no-repeat 33px center #0f6fb9; height: 98px;}
.column-title em{display: block; font-size: 32px; line-height: 32px; padding-left: 90px; padding-top: 23px; margin-bottom: 2px;}
.column-title span{display: block; font-size: 12px; padding-left: 90px; font-family: arial; text-transform: uppercase;}
.ctitle1{width: 240px;border:1px solid #0f6fb9; padding: 20px 14px 0;}
.ctitle1 li{float: left; margin-bottom: 24px; width: 100%; cursor: pointer;}
.ctitle1 li a{display: block; background: url(/Templates/default/Common/images/product-arrow.png) no-repeat 208px center #f7f7f7; padding-left: 13px; font-size: 16px; line-height: 50px; color: #333333}
.ctitle1 li:hover a,.ctitle1 li.on a{background: url(/Templates/default/Common/images/product-arrow2.png) no-repeat 208px center #0f6fb9; color: #fff;}
.ny-right{width: 1000px; overflow: hidden;}
.ny-right .position{display: block;margin-top: 30px; margin-bottom: 20px; border-bottom: solid 1px #ddd;position: relative;}
.ny-right .position span{display: block; padding-left:33px; font-size: 13px;line-height: 40px;background: url(/Templates/default/Common/images/ny-home.png) no-repeat 5px center;border-bottom: solid 1px #0f6fb9; z-index: 0;position: absolute;bottom: -1px;left: 0;}
.ny-right .position span a.on{color: #0f6fb9;}
.ny-right .position span a:hover{color: #0f6fb9;}



/*内页产品列表*/
.nypro-list ul{width: 1030px;}
.nypro-list ul li{float: left; width: 313px; margin-right: 30px; margin-bottom: 30px;}
.nypro-list ul li .pic{width: 313px; height: 212px; position: relative; overflow: hidden;}
.nypro-list ul li .more{position: absolute;top:0; background: rgba(15,111,185,0.8); width: 100%; height: 100%; transition:0.6s; opacity: 0;}
.nypro-list ul li .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.nypro-list ul li .line_1 { width: 40px; height: 1px; margin: -1px 0px 0px -20px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.nypro-list ul li .line_2 { width: 1px; height: 40px; margin: -20px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
.nypro-list ul li:hover .more{opacity: 1;}
.nypro-list ul li:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.nypro-list ul li h3{display: block;font-size: 15px; line-height: 45px; color: #333; border-bottom: 1px solid #ccc; background: url(/Templates/default/Common/images/link.png) no-repeat right center;}


/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 600px; position: relative;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{width: 600px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #1e50ae;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #1e50ae;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail {margin-bottom: 20px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #1e50ae; margin-bottom: 20px;}
.ny-right  .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#1e50ae;}
.pro-wechat{display: none; position: absolute; left: 150px;    bottom: -100px;}
.pro-wechat img{display: block; margin: 30px auto 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}


/*内页图片列表页*/
.nypic-list{overflow: hidden;}
.nypic-list ul{width: 1030px;}
.nypic-list ul li{float: left; width: 313px; margin-right: 30px;}
.nypic-list ul li em{display: block; background: #f5f5f5; font-size: 15px; line-height: 45px; color: #333; text-align: center;}
.nypic-list ul li:hover em{background: #0f6fb9; color: #fff; transition:0.6s;}




/*内页新闻列表*/
.ny-news-list{overflow: hidden;}
.ny-news-list ul li{padding: 10px;background:#fafafa; margin-bottom: 30px;height: 139px;width: 980px;transition: all 0.3s;}
.ny-news-list ul li .pic{width: 220px;height: 139px; margin-right: 20px;}
.ny-news-list ul li .info{width: 730px;}
.ny-news-list ul li .info h3{font-size: 18px;color: #595959;overflow: hidden;background: url(/Templates/default/Common/images/news-title.png) no-repeat center left -20px;transition: all 0.5s;line-height: 18px;margin-top: 16px;}
.ny-news-list ul li .info span{display: block;font-family: arial;color: #666;padding-left: 20px;background: url(/Templates/default/Common/images/date.png) no-repeat center left;line-height: 12px;margin: 16px 0;}
.ny-news-list ul li .info p{color: #808080;overflow: hidden;text-align:justify;}
.ny-news-list ul li:hover .info h3{padding-left: 20px;background: url(/Templates/default/Common/images/news-title.png) no-repeat center left;color: #0f6fb9;}






.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}
<!--0.00021886825561523-->