header,

footer,

#main{width: 100%; overflow: hidden; min-width: 1200px;}

.wrapper{width: 1200px; margin: 0 auto; display: block; position: relative;}

/* 变量 */

/*css3*/

.clear::after{display: block; content: ''; clear: both;}

/************************header************************/

.h-top{overflow: hidden; height: 30px; line-height: 30px; background: #0059ac; font-size: 12px;}

.h-top small{float: left; font-size: 12px; color: #fff;}

.h-top p{float: right; color: #fff;}

.h-top p span{margin-right: 25px;}

.h-top p a{color: #FFA700;margin-right: 10px;border-right: 1px dotted #a3a3a3;padding-right: 10px;font-size: 16px;font-weight: bold;}

.h-top p b{color: #f56912;}

.logo{position: relative; z-index: 100; padding: 60px 0 70px; border-bottom: 2px solid #0059ac;}

.logo .wrapper{position: relative;}

.logo .wrapper h1{position: absolute; width: 153px; height: 60px; left: 50%; top: 50%; margin-left: -76px; margin-top: -30px;}

.logo ul li{float: left; margin-right: 42px; position: relative; height: 70px;}

.logo ul li:hover a{color: #0059ac;}

.logo ul li:hover div{transform: translateY(0); opacity: 1;}

.logo ul li.li_left{margin-left: 220px;}

.logo ul li div{position: absolute; left: -11px; top: 30px; width: 120px; text-align: center; opacity: 0; transform: translateY(50px); -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}

.logo ul li div:after{display: block; content: ''; position: absolute; left: 50%; margin-left: -8px; top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e3e3e3;}

.logo ul li div a{display: block; height: 44px; line-height: 44px; background: #e3e3e3; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}

.logo ul li div a:hover{background: #0059ac; color: #fff;}

.logo ul li a{font-size: 14px; color: #666666;}

.logo ul li a span{display: block; background-position: left center; background-repeat: no-repeat; padding-left: 24px;}

.logo ul li:nth-of-type(1) a span{background-image: url("../images/n1.png");}

.logo ul li:nth-of-type(2) a span{background-image: url("../images/n2.png");}

.logo ul li:nth-of-type(3) a span{background-image: url("../images/n3.png");}

.logo ul li:nth-of-type(4) a span{background-image: url("../images/n4.png");}

.logo ul li:nth-of-type(5) a span{background-image: url("../images/n5.png");}

.logo ul li:nth-of-type(6) a span{background-image: url("../images/n6.png");}

.logo ul li:nth-of-type(7) a span{background-image: url("../images/n7.png");}

.logo ul li:nth-of-type(8) a span{background-image: url("../images/n8.png");}

/************************main************************/

/*company*/

.main_title{text-align: center; background: url("../images/mbg.png") no-repeat center; padding: 60px 0 52px;}

.main_title b{font-size: 27px; color: #0059ac; display: block; margin-bottom: 5px;}

.main_title b span{color: #f56912;}

.main_title small{display: block; font-size: 12px; color: #666666; margin-bottom: 5px;}

.company{overflow: hidden; padding-bottom: 65px; background: url("../images/combg.jpg") no-repeat center;}

.company .com_honor{width: 306px; float: left;}

.company .com_honor_wrap{position: relative;}

.company .com_honor_wrap .multiple_ul{overflow: hidden; height: 626px;}

.company .com_honor_wrap ul li{width: 300px; height: auto; padding: 3px; background: #fff; margin: 6px 0;}

.company .com_honor_wrap ul li img{width: 100%; height: 100%; display: block;}

.company .com_honor_wrap ol li{position: absolute; left: 50%; margin-left: -18px; cursor: pointer;}

.company .com_honor_wrap ol li:first-child{top: -30px;}

.company .com_honor_wrap ol li + li{bottom: -30px;}

.company .com_content{width: 635px; float: left; margin-left: 70px; margin-top: 103px;}

.company .com_content b{display: block; font-size: 26px; color: #333333;}

.company .com_content span{display: block; font-size: 18px; color: #666666; border-bottom: 2px solid #333; padding-bottom: 10px; margin-bottom: 20px; width: 320px; text-align-last: justify; margin-top: 8px;}

.company .com_content small{font-size: 14px; color: #666666; line-height: 35px; text-align: justify;}

.company .com_content a{display: block; width: 240px; line-height: 35px; height: 35px; background: #0059ac; color: #fff; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; text-align: center; margin-top: 35px;}

.company .com_content a:hover{background: #f56912;}

/*product*/

.main-title{text-align: center; padding-top: 50px; padding-bottom: 40px;}

.main-title p{font-size: 36px;}

.main-title p span{color: #282828;}

.main-title p b{color: #0059ac;}

.main-title p small{display: block; font-size: 16px; color: #3a3a3a; background: url("../images/tbg.png") no-repeat center top; padding-top: 20px; margin-top: 20px;}

.main-title2 p span{color: #fff;}

.main-title2 p small{color: #fff;}

.product{background: url("../images/mbg.jpg"); overflow: hidden; padding-bottom: 45px;}

/*sidebar*/

.sidebar{width: 280px; float: left; overflow: hidden; background: #0059ac; padding: 5px;}

.sidebar .s-tit{background: #0059ac url("../images/sbg.jpg") no-repeat center; padding: 28px 0; text-align: center;}

.sidebar .s-tit b{display: block; color: #fff; font-size: 24px;}

.sidebar .s-tit small{font-size: 12px; color: #fff;}

.sidebar ul{background: #fff; margin-top: 3px; padding: 0 15px; padding-bottom: 10px;}

.sidebar ul li a{display: block; position: relative; border-bottom: 1px dashed #ccc; padding: 15px 0; font-size: 15px;}

.sidebar ul li a span{position: relative; z-index: 2; color: #4f4f4f; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; padding-right: 22px; display: block;}

.sidebar ul li a b{width: 16px; height: 16px; background: #999999; border-radius: 50%; position: absolute; display: block; right: 6px; top: 50%; margin-top: -8px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}

.sidebar ul li a b:after{border-left: 4px solid #fff; border-bottom: 4px solid transparent; border-top: 4px solid transparent; display: block; content: ''; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -4px;}

.sidebar ul li a:hover span,

.sidebar ul li a.act span{color: #0059ac; font-weight: bold;}

.sidebar ul li a:hover b,

.sidebar ul li a.act b{background: #0059ac;}

.sidebar ul .sb_last a{display: block; width: 100%; line-height: 35px; background: #0059ac; color: #fff; text-align: center; padding: 0; margin: 10px 0 0 0; border-bottom: 0; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}

.sidebar ul .sb_last a:hover{background: #f56912;}

.info-right{width: 875px; float: right;}

.pro-list li{width: 260px; float: left; margin-right: 25px; margin-bottom: 25px; height:210px;}

.pro-list li:hover span{background: #0059ac; color: #fff;}

.pro-list li:hover b{opacity: 1;}

.pro-list li p{height: 170px; display: table-cell; vertical-align: middle; text-align: center; background: #fff; border: 1px solid #ccc; position: relative; width: 265px;}

.pro-list li p img{max-width: 100%; display: block; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; margin: 0 auto; max-height: 100%;}

.pro-list li p b{background: rgba(0, 0, 0, 0.54) url("../images/sch.png") no-repeat center; width: 265px; height: 170px; position: absolute; left: 0; top: 0; opacity: 0; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}

.pro-list li span{display: block; text-align: center; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; background: #eeeeee; font-size: 14px; color: #666666; line-height: 38px; height: 38px; overflow: hidden; margin-top: 5px;}

/*adv*/

/*about*/

.about{background: url("../images/about.jpg") no-repeat center; overflow: hidden; padding: 60px 0;}

.about .abo_title{color: #fff;}

.about .abo_title b{display: block; font-size: 28px; margin-bottom: 10px;}

.about .abo_title small{display: block; font-size: 12px; color: #cfcfcf;}

.about .abo_list{float: right;}

.about .abo_list ul:after{display: block; content: ''; clear: both;}

.about .abo_list ul:nth-of-type(1) li{float: right; margin-top: 0;}

.about .abo_list ul:nth-of-type(2) li:first-child{margin-top: 0; margin-left: 0;}

.about .abo_list ul li{width: 260px; height: 90px; padding: 50px 30px; float: left; color: #fff; border: 1px solid rgba(255, 255, 255, 0.8); position: relative; margin-left: -1px; margin-top: -1px;}

.about .abo_list ul li i{display: block; position: absolute; width: 356px; height: 254px; background: #0059ac; left: 50%; top: 50%; margin-left: -178px; margin-top: -127px; border-radius: 15px; transform: scale(0); -webkit-transform: scale(0); -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; transition: all 300ms linear;}

.about .abo_list ul li p{position: relative; z-index: 2;}

.about .abo_list ul li p b{display: block; background-position: left center; background-repeat: no-repeat; padding-left: 45px; position: relative; margin-bottom: 30px;}

.about .abo_list ul li p b img{position: absolute; left: 0; top: -10px;}

.about .abo_list ul li p b small{font-size: 18px; margin-left: 13px;}

.about .abo_list ul li p span{display: block; font-size: 14px;}

.about .abo_list ul li:hover{z-index: 10;}

.about .abo_list ul li:hover i{transform: scale(1); -webkit-transform: scale(1);}

/*case*/

.case{background: url("../images/mbg.jpg"); overflow: hidden; padding-bottom: 45px;}

.case .case_con{box-shadow: 0 5px 10px #ccc; padding: 25px; overflow: hidden; background: #fff;}

.case .case_con_t{overflow: hidden;}

.case .case_con_t img{float: left; width: 395px;}

.case .case_con_t div{float: right; width: 700px; margin-right: 25px; margin-top: 45px;}

.case .case_con_t div b{display: block; font-size: 18px; color: #0059ac; margin-bottom: 15px;}

.case .case_con_t div small{display: block; font-size: 14px; color: #525253; line-height: 30px;}

.case .case_con_t div p{float: right; margin-top: 25px;}

.case .case_con_t div p a{display: inline-block; width: 44px; height: 44px; border: 1px solid #ccc; text-align: center; line-height: 44px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; cursor: pointer; overflow: hidden;}

.case .case_con_t div p a:hover{background: #f56912; color: #fff;}

.case .case_con_t div p a:first-child{transform: rotateZ(180deg); line-height: 38px;}

.case .case_con_b{overflow: hidden; padding-top: 15px; margin-top: 15px; border-top: 1px solid #ccc;}

.case .case_con_b ul li{float: left; margin: 0 4px; overflow: hidden; width: 280px; height: 196px;}

.case .case_con_b ul li img{-moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; width: 100%; height: 100%;}

.case .case_con_b ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

/*honor*/

.honor{background: url("../images/casebg.jpg") no-repeat center; padding: 65px 0;}

.honor p{text-align: center; margin-bottom: 50px;}

.honor p a{width: 153px; height: 45px; display: inline-block; background: #fff; color: #0059ac; margin: 0 10px; border-radius: 15px; line-height: 45px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}

.honor p a:hover{background: #f56912; color: #fff;}

.honor ul{overflow: hidden;}

.honor ul li{width: 400px; height: 310px; float: left; background: #000;}

.honor ul li img{opacity: 1; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}

.honor ul li:hover img{opacity: 0.6;}

/*news*/

.news{overflow: hidden; padding-bottom: 45px;}

.news .new_left{width: 408px; float: left;}

.news .new_left strong{display: block; font-size: 20px; color: #999999; font-weight: 400;}

.news .new_left b{display: block; color: #333333; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}

.news .new_left small{display: block; font-size: 14px; color: #666666; margin-bottom: 10px;}

.news .new_left a{display: block; width: 240px; line-height: 35px; height: 35px; text-align: center; background: #0059ac; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; color: #fff; font-size: 14px; margin-top: 18px;}

.news .new_left a:hover{background: #f56912;}

.news .news_right{width: 600px; float: right;}

.news .news_right ul li{margin-bottom: 23px;}

.news .news_right ul li a{display: block; position: relative;}

.news .news_right ul li a strong{position: absolute; right: 0; top: 0; background: url("../images/jt.png") no-repeat center bottom; padding-bottom: 28px; margin-top: 10px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; color: #999999;}

.news .news_right ul li a b{display: block; font-size: 14px; color: #666666; position: relative; width: 508px; margin-bottom: 15px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}

.news .news_right ul li a small{display: block; font-size: 14px; color: #999999; line-height: 25px; width: 508px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}

.news .news_right ul li a:hover strong{background: url("../images/jt2.png") no-repeat center bottom; color: #0059ac;}

.news .news_right ul li a:hover b{color: #0059ac;}

.news .news_right ul li a:hover small{color: #0059ac;}

/*contact*/

.con_logo{overflow: hidden;}

.con_logo h1{float: left; margin-bottom: 35px;}

.con_logo h1 small{display: block; font-size: 16px; color: #666666;}

.con_logo ul{width: 900px; float: right;}

.con_logo ul li{float: left; padding: 10px 28px; border-left: 1px solid #ccc;}

.con_logo ul li small{font-size: 14px; color: #666666; display: block; margin-bottom: 10px;}

.con_logo2{margin-top: 38px;}

.con_logo2 h1{width: 188px;}

.con_logo2 h1 img{max-width: 100%;}

.con_logo2 h1 small{font-size: 13px;}

.con_logo2 ul{width: auto;}

.con_logo2 ul li{float: left; padding: 10px 24px; border-left: 1px solid #ccc;}

.contact{ overflow: hidden;}



.gongsibj{ width:100%;background: url("../images/conbg.jpg") no-repeat center; height:450px;}

.contact .con_ewm{position: relative; padding-bottom: 105px;}

.contact .con_ewm .con_ewm_left{float: left;}

.contact .con_ewm textarea{width: 540px; float: left; margin-left: 18px; height: 167px; background: #e4e4e4; border: 0;}

.contact .con_ewm input[type=text]{width: 440px; line-height: 44px; background: #e4e4e4; display: block; height: 44px; border: 0; margin-bottom: 16px; text-indent: 10px;}

.contact .con_ewm img{position: absolute; right: 0; top: 0;}

.contact .con_ewm button{display: block; width: 240px; line-height: 35px; height: 35px; text-align: center; background: #0059ac; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; color: #fff; font-size: 14px; position: absolute; right: 500px; bottom: 51px; font-family: "microsoft yahei";}

.contact .con_ewm button:hover{background: #f56912;}

/*footer*/

footer{background: #0059ac;}

footer ul{border-bottom: 1px dashed rgba(204, 204, 204, 0.66); overflow: hidden; font-size: 14px; display: flex; display: -webkit-flex; justify-content: space-between;}

footer ul li{float: left; line-height: 54px;}

footer ul li a{color: #fff;}

footer .f_login{line-height: 37px; font-size: 12px; opacity: 0.5; color: #fff;}

footer .f_login a{color: #fff;}

footer .f_login span{float: right;}

/*sidebar*/

.s_b_con{background: #fff; padding: 20px;}

.s_b_con li{font-size: 14px; margin-bottom: 5px;}

button{outline: none;}

.sub-page .sidebar{width: 270px;}

.prev_next a:hover{color: #da0922;}

.prev_next{font-size: 14px; margin-top: 20px;}





/*page*/

.page{padding:30px 0 15px 0;    float: right;}

.page span.current{margin-right:0.5em;padding:0 1em;background:#00a0e9;color:#fff;height:2em;line-height:2em;text-align:center;display:inline-block}

.page span.currenttt{margin-right:0.5em;padding:0 1em;background:#f0f0f0;color:#666;height:2em;line-height:2em;text-align:center;display:inline-block}

.page a{display: inline-block;

    background: #f0f0f0;

    color: #666;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin-right: 0.5em;

    padding: 0 10px;

    margin-bottom: 0.5em;

    font-size: 16px;}

.thisclass{color:#00a0e9;height:30px;line-height:30px;text-align:center;margin-right:0.5em;padding: 0 10px;margin-bottom:0.5em;}

.page li{float:left;list-style:none;}

.page a:hover{background:#aaa;color:#fff}

.page .inputBar{border:0;height:1.8em;line-height:1.8em; display:block;}

.page .inputBar input{width:4em;height:1.8em;padding:0 0.25em;border:#ccc 1px solid;*vertical-align:middle;_vertical-align:middle;margin:0 0.25em;}





.prev_next .prev,

.prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px;}

.prev_next .prev a:hover,

.prev_next .next a:hover{color: #da0922;}

.prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left center; background-size: 18px;}

.prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left center; background-size: 18px;}

/*news*/

.new_right li{border-bottom: 1px dashed #999999; padding: 15px 0;}

.new_right li:first-child{margin-top: 20px; padding-top: 0;}

.new_right li p{overflow: hidden;}

.new_right li b{float: left; color: #000; font-weight: bold; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}

.new_right li small{float: right; color: #666666; font-weight: 400;}

.new_right li span{display: block; line-height: 26px; color: #666666; padding: 10px 0 0 0;}

.new_right li:hover b{color: #085dbd;}

/*jobs*/

ul.jobs li{border-bottom: 2px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px; font-size: 15px; line-height: 30px; padding-left: 20px; position: relative;}

ul.jobs li a{display: block; position: absolute; background-color: #0059ac; color: #ffffff; padding: 1px 8px; top: 50px; left: 500px;}

ul.jobs li a:hover{border-radius: 8px; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms;}

ul.jobs li strong{color: #b50000;}

.zizhi{width: 880px;}

.zizhi li{padding: 10px; border: 1px solid #ccc; float: left; margin: 0 24px 20px 0; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}

.zizhi li b{display: block; width: 100%; height: 100%; overflow: hidden; width: 246px; height: 184px; position: relative;}

.zizhi li img{display: block; max-width: 246px; max-height: 184px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

.zizhi li span{display: block; line-height: 40px; background: #ededed; text-align: center; color: #2e2e2e; font-size: 14px;}

.zizhi li:hover img{}

.zizhi li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.container{width: 1200px; margin-left: auto; margin-right: auto;}

.left{float: left !important;}

.right{float: right !important;}

.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix{zoom: 1;}

.sub-page{padding-top: 60px; padding-bottom: 70px; overflow: hidden; background: #f2f2f2;}

.sub-page .article{width: 860px; background: #fff; padding: 25px;}

.sub-page .article .cat{height: 52px; line-height: 52px; border-bottom: 2px solid #ccc; margin-bottom: 20px;}

.sub-page .article .cat b{display: block; float: left; padding: 0 40px; background: #0059ac; color: #fff; font-size: 18px; height: 56px; line-height: 56px; margin-left: -2px; margin-top: -2px;}

.sub-page .article .cat span{float: right; font-size: 14px; color: #666;}

.sub-page .article .cat span a{color: #666;}

.sub-page .article .cat span a:hover{color: #0059ac;}

.sub-page .article .pro-tit{width: 600px;}

.sub-page .article .pro-img{/* width: 400px; border: 3px solid #ccc; padding: 5px; margin-top: 20px; .swiper-container{width: 400px; margin-left: auto; margin-right: auto;} .swiper-wrapper{img{display: block;} } .gallery-thumbs{margin-top: 30px; .swiper-slide{width: 80px; opacity: 0.4; img{width: 80px; height: 80px; display: block;} } .swiper-slide-active{opacity: 1; border: 2px solid @color;} } */}

.sub-page .article .pro-text{width: 400px; padding-top: 30px;}

.sub-page .article .pro-text ul{font-size: 16px; line-height: 35px;}

.sub-page .article .pro-text ul b{font-size: 24px; color: #e79934;}

.sub-page .article .pro-text a.hs{display: block; text-align: center; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #e79934; border-radius: 4px; width: 250px;}

.sub-page .article .pro-text a.hs:hover{background: #c07c2f;}

.sub-page .article h1.title{font-size: 24px; color: #2a2a2a; line-height: 54px;}

.sub-page .article .desct{width: 100%; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; background: #f1f1f1;}

.sub-page .article .desct b{display: block; float: left; padding: 0 20px; background: #e79934; color: #fff;}

.sub-page .article .content{font-size: 15px; line-height: 30px; color: #333;}

.sub-page .article .content img{display: block;;margin: 0 auto; max-width: 860px;}

.sub-page .article .content table{width: 100%; text-align: center;}

/*历练*/

.linian,

.list-paddingleft-2{background: #f5f5f5; border: 5px solid #d5cfcf; padding: 80px 120px; font-family: "Microsoft YaHei";}

.linian ul,

.list-paddingleft-2 ul{list-style: none;}

.linian li,

.list-paddingleft-2 li{height: 60px; width: 100%; margin-bottom: 25px;}

.linian li p.p_1,

.list-paddingleft-2 li p.p_1{text-indent: 47px;}

.linian li p.p_2,

.list-paddingleft-2 li p.p_2{text-indent: 245px;}

.linian li p.p_3,

.list-paddingleft-2 li p.p_3{text-indent: 335px;}

.linian li p.ptitle,

.list-paddingleft-2 li p.ptitle{font-size: 20px; display: block; font-weight: bold; text-align: left;}

/*strong{*/ /*color: #db3620;*/

/*}*/

.linian li p.pnr,

.list-paddingleft-2 p.pnr{display: block; width: 100%; font-weight: bold; font-size: 10px; color: #000; text-align: left; margin: 5px 0 0 0;}

/*合作伙伴*/

.shi_ul{width: 950px;}

.shi_ul li{float: left; width: 196px; height: 147px; background: #fff; border: 1px solid #ccc; position: relative; margin: 0 10px 15px 10px;}

.shi_ul li img{position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}



.qyxq{ width:1200px; margin:0 auto; padding-bottom:30px;}

.qiyebox{ width:100%;}

.qbox1{ float:left; width:330px;}

.qbox1 h1{ line-height:36px; font-size:18px;}

.qbox1 p{ line-height:30px; font-size:14px;}



.qbox2{ float:left; width:330px; margin:0 15px;}

.qbox2 h1{ line-height:36px; font-size:18px;}

.qbox2 p{ line-height:30px; font-size:14px;}

/*案例展示*/

.beijing{ width:100%;height:900px;background:url("../images/khbeijing.png") no-repeat center}

.alzsind{ width:1200px; margin:0 auto; padding-top:60px;  }



.guwenmore{ display:inline-block; width:92px;height:50px; line-height:50px; margin:0 auto; margin-top:-50px; text-align:center;/* background:url(../images/i_more.png) no-repeat; */ clear:both; overflow:hidden;/*transition:all 0.3s;*/background:#fff url(../images/works_more.png) no-repeat center -50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

.guwenmore:Hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#333 url(../images/works_more.png) no-repeat center 0px;}

.customer2{ overflow:hidden; padding-top:40px; margin-bottom:79px;}

.customer_list2{ border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; }

.customer_list2 ul li{ float:left; width:-webkit-calc(20% - 1px);width:-moz-calc(20% - 1px);width:calc(20% - 1px);  overflow:hidden; position:relative;}

.customer_list2 ul li img{display: block;width: 100%;}

.customer_list2 ul li:first-child{ /*width:40%;border-left:0; border-top:0;*/}

/*.customer_list2 ul li .imgbg{filter: Alpha(Opacity=0);opacity: 0;}*/

.customer_list2 ul li .imgs{cursor:pointer; overflow:hidden; border-color:#fff; /*transition:all 0.3s;position:absolute; top:0; left:0; width:100%; height:100%;*/}

.customer_list2 ul li .imgs:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; box-shadow:inset 0 0 0 0 #eee; -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}

.customer_list2 ul li .imgs:hover:after{box-shadow:inset 0 0 0 10px #f6f6f6;}

.customer_list2 ul li .imgs img{/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/opacity:0.5; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

/*.customer_list2 ul li:hover .imgs{ border:7px solid #f5f5f5; height:calc(100% - 14px);height:-webkit-calc(100% - 14px);height:-moz-calc(100% - 14px);width:calc(100% - 14px);width:-webkit-calc(100% - 14px);width:-moz-calc(100% - 14px);}*/

.customer_list2 ul li:hover .imgs img{ /*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/opacity:1; -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-transform:scale(0.9) translateY(-8px); -moz-transform:scale(0.9) translateY(-8px); transform:scale(0.9) translateY(-8px);}