@charset "utf-8";
.position{height: 50px;line-height: 50px;background: #2c77bb;text-align: right;color: #fff;}
.position a{color: #fff;}
.position span i,.position a i{margin-right: 5px;vertical-align: -1px;}
.position .nav{height: auto;overflow: hidden;float: left;}
.position .nav li{float: left;margin-right: 30px;position: relative;}
.position .nav li a{color: #d6d6d6;}
.position .nav li:before{content: "";height: 2px;width: 0;background: #fff;position: absolute;left: 0;bottom: 0;transition: all .3s linear;}
.position .nav li.active a,.position .nav li:hover a{color: #fff;;}
.position .nav li.active:before,.position .nav li:hover:before{width: 100%;}
.position1{background: #fff;}
.position1 a{color: #999;}
.position1 span{color: #0065b1;}
.container{height: auto;overflow: hidden;min-height: 500px;}
.container .left{width: 250px;float: left;}
.container .right{width: 910px;float: right;}
.container .right .t{font-size: 30px;color: #000;border-bottom: 1px solid #dfe0e5;padding-bottom: 20px;}
.container .right .t span{font-size: 15px;color: #777;margin-left: 14px;text-transform: uppercase}
.container .snav{width: 250px;height: auto;overflow: hidden;background: #f5f5f5;margin-bottom: 55px;}
.container .snav .t{height: 64px;line-height: 64px;font-size: 16px;color: #333;font-weight: bold;text-align: center;border-bottom: 1px solid #fff;}
.container .snav ul{height: auto;overflow: hidden;padding: 5px 24px 65px;}
.container .snav ul li{line-height: 50px;border-bottom: 1px solid #e4e4e4;}
.container .snav ul li a{color: #333;display: block;}
.container .snav ul li i{font-size: 14px;color: #bbb;float: right;transition: all .3s linear;}
.container .snav ul li a:hover,.container .snav ul li.active a{color: #0065b1;font-weight: bold;}
.container .snav ul li a:hover i,.container .snav ul li.active a i{color: #2c77bb;}
.container .solution{height: auto;overflow: hidden;margin-bottom: 45px;}
.container .solution .t{font-size: 16px;padding-bottom: 13px;border-bottom: 1px solid #eae9e9;margin-bottom: 20px;}
.container .solution ul{width: 270px;;height: auto;overflow: hidden;}
.container .solution ul li{width: 120px;height: auto;overflow: hidden;float: left;margin-right: 10px;}
.container .solution ul li .img-box{width: 120px;height: 72px;overflow: hidden;}
.container .solution ul li .img-box img{width: 120px;height: 72px;overflow: hidden;display: block;transition: all .3s linear;}
.container .solution ul li h2{font-size: 13px;color: #4c5155;margin: 7px 0;transition: all .3s linear;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.container .solution ul .line{width: 100%;border-bottom: 1px dashed #eae9e9;clear: both;margin: 10px 0 15px;float: left;}
.container .solution ul li:hover img{transform: scale(1.05);}
.container .solution ul li:hover h2{color: #2c77bb;}
/*分页*/
.wrap-page {height: auto;overflow: hidden; vertical-align: middle;padding:30px 0;margin:0 auto;text-align: center;}
.wrap-page .num,.wrap-page .page-n{float: left;display: block;line-height: 32px;margin-right: 15px;}
.wrap-page a {color:#656565;display:inline-block;width: 30px ;height: 30px; line-height: 30px; margin-left:5px;text-align: center;
    vertical-align:middle;border: 1px solid #e8e8e8;font-size: 13px;border-radius: 3px;}
.wrap-page a.first {margin-left: 0;}
.wrap-page a.first,.wrap-page a.last {width: 45px;}
.wrap-page a.next,.wrap-page a.prev {width:65px;}
.wrap-page a.active,.wrap-page a:hover{background: #2c77bb;color: #fff;border-color: #2c77bb;}
.wrap-page .iconfont{font-size: 13px;line-height: 30px;}
/*product*/
.product {padding: 50px 0;}
.product .left{width: 910px;height: auto;overflow: hidden;float: left;}
.product .left .p-block,.proxq-wrap .p-block{height: auto;overflow: hidden;margin-bottom: 22px;}
.product .left .p-block .t,.proxq-wrap .p-block .t{height: 44px;line-height: 44px;background: #f6f6f6;border-left: 4px solid #2c77bb;padding:0 18px;}
.product .left .p-block .t b,.proxq-wrap .p-block .t b{font-size: 16px;}
.product .left .p-block .t a,.proxq-wrap .p-block .t a{float: right;color: #666;font-size: 12px;}
.product .left .p-block .t a:hover,.proxq-wrap .p-block .t a:hover{color: #2c77bb;}
.product .left .p-block ul,.proxq-wrap .p-block ul{width: 1200px;height: auto;overflow: hidden;margin-top: 25px;}
.product .left .p-block ul li,.proxq-wrap .p-block ul li{width: 210px;height: auto;float: left;margin-right: 23px;}
.product .left .p-block ul li .img-box ,.proxq-wrap .p-block ul li .img-box{width: 210px;height: 170px;overflow: hidden;}
.product .left .p-block ul li .img-box img,.proxq-wrap .p-block ul li .img-box img{width: 100%;display: block;transition: all .3s linear;}
.product .left .p-block ul li h2,.proxq-wrap .p-block ul li h2{color: #333;margin: 18px 0;transition: all .3s linear;}
.proxq-wrap .p-block ul li h2{ text-align: center;}
.product .left .p-block ul li:hover img,.proxq-wrap .p-block ul li:hover img{transform: scale(1.05);}
.product .left .p-block ul li:hover h2,.proxq-wrap .p-block ul li:hover h2{color: #2c77bb;}
.product .right{width: 250px;height: auto;overflow: hidden;float: right;}
.product .right .solution{padding: 0;}
.product .right .case{height: auto;overflow: hidden;padding: 0;}
.product .right .case .t{font-size: 16px;padding-bottom: 13px;border-bottom: 1px solid #eae9e9;margin-bottom: 20px;}
.product .right .case .first .img-box{width: 250px;height: 132px;overflow: hidden;}
.product .right .case .first .img-box img{width: 250px;height: 132px;overflow: hidden;display: block;transition: all .3s linear;}
.product .right .case .first h2{color: #333;margin: 14px 0 19px;transition: all .3s linear;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product .right .case .first h2 span{width: 2px;height: 2px;background: #333;display: block;float: left;margin: 9px 5px 0 0;}
.product .right .case .first h3{font-size: 12px;color: #666;line-height: 20px;}
.product .right .case .first p{font-size: 12px;line-height: 20px;color: #999;margin-top: 5px;}
.product .right .case .first:hover img{transform: scale(1.05);}
.product .right .case .first:hover h2{color: #2c77bb;;}
.product .right .case ul{height: auto;overflow: hidden;margin-top: 20px;}
.product .right .case ul li{line-height: 50px;border-bottom: 1px dashed #eae9e9;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}
.product .right .case ul li span{width: 2px;height: 2px;background: #333;display: block;float: left;margin: 24px 5px 0 0;}
.product .right .case ul li a{color: #333;}
.product .right .case ul li:hover a{color: #2c77bb;}
/*product-list*/
.product-list .left{width: 250px;}
.product-list .right{width: 910px;}
.product-list .right ul{width: 1000px;height: auto;overflow: hidden;margin-top: 40px;}
.product-list .right ul li{width: 290px;height: auto;overflow: hidden;float: left;margin:0 20px 25px 0;}
.product-list .right ul li .img-box{width: 290px;height: 174px;overflow: hidden;position: relative;z-index: 0;}
.product-list .right ul li .img-box img{width: 290px;height: 174px;display: block;transition: all .3s linear;}
.product-list .right ul li .cover{width: 100%;height: 174px;position: absolute;left: 0;top: 0;background: url(../images/cover-bg.png) repeat;opacity: 0;filter:alpha(opacity=0);transition: all .3s linear;}
.product-list .right ul li .cover span{width: 117px;height: 33px;line-height: 31px;color: #fff;border: 1px solid #fff;border-radius: 5px;display: block;margin: 65px auto;text-align: center;}
.product-list .right ul li .text-box{height: auto;overflow: hidden;padding: 18px;transition: all .3s linear;}
.product-list .right ul li .text-box h2{font-size: 15px;color: #333;margin-bottom: 15px;}
.product-list .right ul li .text-box p{font-size: 12px;color: #666;line-height: 20px;}
.product-list .right ul li:hover img{transform: scale(1.05);}
.product-list .right ul li:hover .text-box{background: #f5f5f5;}
.product-list .right ul li:hover h2{color: #2c77bb;}
.product-list .right ul li:hover .cover{opacity: 1;filter:alpha(opacity=100);}
.product-list .solution{padding: 0;}
/*product-xq*/
.proxq .proxq-jj{height:auto;overflow:hidden;padding: 40px 0;}
.proxq .proxq-jj .img-box{position: relative;width: 500px;overflow: hidden;float: left;margin-right: 50px;z-index:0}
.proxq .proxq-jj .img-box .hd{z-index: 2;overflow: hidden;margin-top: 5px;}
.proxq .proxq-jj .img-box .hd ul{overflow:hidden;}
.proxq .proxq-jj .img-box .hd li{cursor:pointer; display:block;width: 115px;height: 69px;border:2px solid #fff;margin:0 3px;float: left;}
.proxq .proxq-jj .img-box .hd li img{display: block;width: 115px;height: 69px;}
.proxq .proxq-jj .img-box .hd ul .on{ background:#fff;border:2px solid #ff6c00;}
.proxq .proxq-jj .img-box .bd{max-height:320px;overflow: hidden;}
.proxq .proxq-jj .img-box .bd ul{overflow: hidden;}
.proxq .proxq-jj .img-box .bd li{float: left;width: 500px;overflow: hidden;height: 300px;}
.proxq .proxq-jj .img-box .bd li img{width: 500px;overflow: hidden;height: 300px;display: block;height: 300px;}
.proxq .proxq-jj .img-box .prev,.proxq .proxq-jj .img-box .next{position:absolute;top:50%;margin-top:-60px;left:0;text-align: center;line-height: 60px;
    z-index:1;width:26px; height:60px; background-color:#666;cursor:pointer;filter:alpha(opacity=0.6);opacity:0.6;display:block;transition: all .3s linear;z-index: 2;}
.proxq .proxq-jj .img-box .prev i, .proxq .proxq-jj .img-box .next i{font-size: 20px;color: #fff;font-weight: bold;}
.proxq .proxq-jj .img-box .next{ left:auto; right:0;}
.proxq .proxq-jj .img-box .prev:hover,.proxq .proxq-jj .img-box .next:hover{background: #3588d7;filter:alpha(opacity=0.4);opacity:0.4;transition: all .3s linear;}
.proxq .proxq-jj .img-box .prev:hover i,.proxq .proxq-jj .img-box .next:hover i{color:#fff;}
.proxq .proxq-jj .txt-box{overflow:hidden;padding-top: 35px;}
.proxq .proxq-jj .txt-box h1{font-size: 22px;font-weight: bold;color: #333333;padding-bottom:10px;}
.proxq .proxq-jj .txt-box p{font-size: 14px;color: #666666;line-height: 25px;}
.proxq .proxq-jj .txt-box ul{padding-top: 20px;margin-top: 15px;border-top: 1px dotted #dedede;padding-bottom: 15px;}
.proxq .proxq-jj .txt-box ul li{font-size: 13px;line-height: 22px;color: #666666;}
.proxq .proxq-jj .txt-box .yy p{color: #333333;}
.proxq .proxq-jj .txt-box .yy p a{display: inline-block;color: #2c77bb;text-decoration: underline;}
.proxq .proxq-jj .txt-box .yy p a.noclick{display: inline-block;color: #666666;text-decoration: none;}
.proxq .proxq-jj .txt-box .zx{margin-top: 23px;}
.proxq .proxq-jj .txt-box .zx a{display: inline-block;padding:14px 30px;font-size: 14px;line-height: normal;background: #2c77bb;color: #fff;margin-right: 12px;}
.proxq .proxq-jj .txt-box .zx a i{font-size: 18px;margin-right: 8px;vertical-align: -2px;}
.proxq .proxq-jj .txt-box .zx a:first-child{padding: 14px 15px;background: #cb241d;}
.proxq .proxq-zx .w1200{background:#f5f5f5;padding:25px 0;margin-top: 30px;overflow:hidden;}
.proxq .proxq-zx .zx-fl{text-align: center;width:360px;border-right: 1px solid #e4e4e4;float: left;}
.proxq .proxq-zx .zx-fl p{color: #666666;font-size: 14px;}
.proxq .proxq-zx .zx-fl h1{font-size: 28px;color: #cb241d;font-family: 'Helvetica-Condensed-Black-Se';font-weight: bold;padding-top: 10px;}
.proxq .proxq-zx .zx-fl h1 i{font-size: 23px;margin-right: 10px;font-weight: normal;}
.proxq .proxq-zx .zx-fr{overflow:hidden;height: auto;}
.proxq .proxq-zx .zx-fr ul{overflow: hidden;}
.proxq .proxq-zx .zx-fr ul li{float: left;width:44%;padding-left: 5%;}
.proxq .proxq-zx .zx-fr ul li h2{font-size: 16px;color: #2c77bb;font-weight: bold;}
.proxq .proxq-zx .zx-fr ul li p{font-size: 12px;line-height: 22px;color: #999999;padding-top: 5px;}
.proxq .proxq-zx .zx-fr ul li form{padding-top: 10px;}
.proxq .proxq-zx .zx-fr ul li form input{font-size: 12px;line-height: 14px;padding: 8px 20px;border:none;border:1px solid #e9e9e9;margin-right: 3px;width:240px;}
.proxq .proxq-zx .zx-fr ul li form input.submit{width:auto;padding: 6px 20px;background:#2c77bb;color: #fff;cursor: pointer;font-size: 14px;border: 0;}
.proxq .proxq-title{text-align: center;padding: 50px 0 25px;}
.proxq .proxq-title h2{font-size: 20px;color: #333333;font-weight: bold;display: inline-block;*display: inline;zoom:1;padding: 0 50px;position: relative;margin:0 auto;}
.proxq .proxq-title h2 em{display: block;width: 36px;height: 1px;background: #999999;position: absolute;top: 50%;}
.proxq .proxq-title h2 em.fl{left: 0;}
.proxq .proxq-title h2 em.fr{right: 0;}
.proxq .proxq-wrap{margin-top: 50px;background: #f5f5f5;padding-bottom: 50px;}
.proxq .proxq-wrap .proxq-js{padding: 40px;background: #fff;}
.proxq .proxq-wrap .proxq-js p{font-size: 14px;color: #555555;line-height: 28px;padding-bottom: 10px;}
.proxq .proxq-wrap .proxq-js img{max-width: 100%;display: block;margin:0 auto;}
.proxq .proxq-wrap .proxq-twojs ul li{overflow: hidden;padding:30px 0;background: #fff;}
.proxq .proxq-wrap .proxq-twojs ul li.active{background: #f5f5f5;}
.proxq .proxq-wrap .proxq-twojs ul li .fr{margin-left: 60px;}
.proxq .proxq-wrap .proxq-twojs ul li .fl{margin-right: 60px;}
.proxq .proxq-wrap .proxq-twojs ul li .txt-box{padding-top: 30px;height: auto;overflow: hidden;}
.proxq .proxq-wrap .proxq-twojs ul li h1{font-size: 20px;color: #333;font-weight: bold;display: inline-block;}
.proxq .proxq-wrap .proxq-twojs p{font-size: 14px;color: #555;line-height: 28px;padding-top: 10px;}
.proxq .proxq-wrap .proxq-twojs a{display: block;width:145px;height: 40px;line-height: 40px;text-align: center;background: #3991e0;color: #fff;margin-top: 20px;}
.proxq .proxq-wrap .proxq-video{width: 1200px;overflow: hidden;position: relative;max-height:550px;}
.proxq .proxq-wrap .proxq-video #videoPlayer{background:none!important;}
.proxq .proxq-wrap .proxq-video #videoPlayer video{width:auto !important;display:block;margin:0 auto;}
.proxq .proxq-wrap .proxq-video img{width: 866px;height: 100%;display: block;transition: all .3s linear;}
.proxq .proxq-wrap .proxq-video .cover{width: 100%;height: 100%;background: url(../images/cover-bg.png) repeat;position: absolute;left: 0;top: 0;text-align: center;transition: all .3s linear;}
.proxq .proxq-wrap .proxq-video .cover i{font-size: 80px;color: #fff;display: block;margin-top:17%;}
.proxq .proxq-wrap .proxq-video:hover .cover{opacity: 0;filter:alpha(opacity=0);}
.proxq .proxq-wrap .proxq-video:hover img{transform: scale(1.05);}
.proxq .proxq-wrap .proxq-hx ul li .img-box{position: relative;}
.proxq .proxq-wrap .proxq-hx ul li .cover{width: 100%;height: 100%;background: url(../images/cover-bg.png) repeat;position: absolute;left: 0;bottom: 0;text-align: center;transition: all .3s linear;opacity: 0;filter: alpha(opacity=0);}
.proxq .proxq-wrap .proxq-hx ul li .cover span{width:120px;height: 35px;position: absolute;left: 50%;right: 50%;top: 50%;margin-left: -60px;margin-top: -17.5px;color: #fff;border-radius: 5px;border:1px solid #fff;line-height: 35px;}
.proxq .proxq-wrap .proxq-hx ul li:hover .cover{opacity: 1;filter: alpha(opacity=100);}
.proxq .proxq-wrap .proxq-hx ul li .txt-box h3{font-size: 15px;color: #333;}
.proxq .proxq-wrap .proxq-hx ul li .txt-box p{font-size: 12px !important;line-height: 20px;color: #666;overflow: visible;padding-top: 10px;}
.proxq .proxq-wrap .proxq-case ul{overflow: hidden;width:1230px;}
.proxq .proxq-wrap .proxq-case ul li{width: 290px;float: left;background: #fff;margin-right: 15px;}
.proxq .proxq-wrap .proxq-case ul li .img-box{width:290px;height: 153px;overflow: hidden;}
.proxq .proxq-wrap .proxq-case ul li .img-box img{width:290px;height: 153px;overflow: hidden;display: block;transition: all .3s linear;}
.proxq .proxq-wrap .proxq-case ul li .txt-box{padding: 15px 10px;line-height: 18px;}
.proxq .proxq-wrap .proxq-case ul li .txt-box p{font-size: 15px;text-align: left;color: #666666;overflow: hidden; white-space: normal; text-overflow: clip;}
.proxq .proxq-wrap .proxq-case ul li:hover .img-box img{transform: scale(1.04);transition: all .3s linear;width:290px;height: 153px;overflow: hidden;}
.proxq .proxq-wrap .proxq-case1 ul li .img-box{width:290px;height: 153px;overflow: hidden;}
.proxq .proxq-wrap .proxq-cs table{width: 100%;text-align: center;background: #fff;border-collapse:collapse;}
.proxq .proxq-wrap .proxq-cs table tr td{padding: 15px 0;border:1px solid #e8e8e8;color: #666;}
.proxq .proxq-wrap .proxq-cs table tr:first-child{background: #ccc;}
.proxq .proxq-wrap .proxq-cs table tr:first-child td{padding: 20px 0;color: #333;}
.proxq .proxq-wrap .proxq-cs a{display: block;margin:30px auto 0;width: 260px;height: 50px;border:1px solid #ccc;line-height: 50px;text-align: center;color: #333333;font-size: 16px;transition: all .3s linear;}
.dz{display: block;margin:30px auto 0;width: 260px;height: 50px;border:1px solid #ccc;line-height: 50px;text-align: center;color: #333333;font-size: 16px;transition: all .3s linear;}
.dz i{font-size: 24px;position: relative;top: 3px;margin-right: 8px;color: #000;transition: all .3s linear;}
.dz:hover{border-color: #3588d7;color: #3588d7;transition: all .3s linear;}
.dz:hover i{color: #3588d7;transition: all .3s linear;}
.proxq .proxq-wrap .proxq-cs a i{font-size: 24px;position: relative;top: 3px;margin-right: 8px;color: #000;transition: all .3s linear;}
.proxq .proxq-wrap .proxq-cs a:hover{border-color: #3588d7;color: #3588d7;transition: all .3s linear;}
.proxq .proxq-wrap .proxq-cs a:hover i{color: #3588d7;transition: all .3s linear;}
.proxq .proxq-order{padding-bottom: 70px;}
.proxq .proxq-order .lx ul{overflow:hidden;}
.proxq .proxq-order .lx ul li{float: left;overflow: hidden;width:23%;padding-left: 2%;}
.proxq .proxq-order .lx ul li:first-child{width:25%;padding-left: 0%;}
.proxq .proxq-order .lx ul li i{font-size: 20px;display: block;height: 42px;width:42px;background: #c6c6c6;border-radius: 100%;text-align: center;line-height: 42px;color: #fff;float: left;margin-right: 8px;}
.proxq .proxq-order .lx ul li .txt-box{height: auto;overflow: hidden;}
.proxq .proxq-order .lx ul li .txt-box h3{font-size: 14px;font-weight: bold;}
.proxq .proxq-order .lx ul li .txt-box p{font-size: 13px;color: #666666;padding-top: 3px;line-height: 18px;}
.proxq .proxq-order .lx ul li .txt-box p span{font-size: 20px;font-family: 'Helvetica-Condensed-Black-Se';font-weight: bold;margin-left: 5px;color: #cb241d;}
.proxq .proxq-order .lx ul li .txt-box p a{color: #2c77bb;}
.proxq .proxq-order .order{margin-top: 40px;background: #f6f6f6;padding: 40px 45px;}
.proxq .proxq-order .order .row{overflow: hidden;margin-top: 20px;}
.proxq .proxq-order .order .row p{width:486px;float: left;position: relative;padding:15px;background: #fff;margin-left: 20px;}
.proxq .proxq-order .order .row p span{display: block;float: left;margin-right: 10px;}
.proxq .proxq-order .order .row p:first-child{margin-left: 0;}
.proxq .proxq-order .order .row input{width: 400px;overflow: hidden;border:none;height: 20px;line-height: 20px;}
.proxq .proxq-order .order p.p2{width:1000px;padding-right: 38px;}
.proxq .proxq-order .order p.p2 textarea{height: auto;overflow: hidden;width:96%;height: 130px;resize: none;border:none;}
.proxq .proxq-order .order .or_but{text-align: center;width: 1060px;padding-top: 20px;}
.proxq .proxq-order .order .or_but input{display: inline-block;transition: all .3s linear;width: 178px;height: 45px;line-height: 45px;border:none;color: #fff;font-size: 16px;cursor: pointer;padding:0;}
.proxq .proxq-order .order input.submit{background: #3690e1;margin-left: 30px;}
.proxq .proxq-order .order input.button{background: #c0c0c0;margin-left: 10px;}
.proxq .proxq-order .order input.button:hover{background:#949494;transition: all .3s linear;box-shadow: 0 0 15px #949494;}
.proxq .proxq-order .order input.submit:hover{background:#1e86e4;transition: all .3s linear;box-shadow: 0 0 15px #1e86e4;}
/*case*/
.case{padding: 50px 0;}
.case .solution{padding: 0;}
.case .right ul{height: auto;overflow: hidden}
.case .right ul li{height: auto;overflow: hidden;border-bottom: 1px dashed #e4e4e4;padding-bottom: 32px;margin-top: 32px;}
.case .right ul li .img-box{width: 320px;height: 168px;overflow: hidden;float: left;margin-right: 26px;}
.case .right ul li .img-box img{width: 320px;height: 168px;overflow: hidden;display: block;transition: all .3s linear;}
.case .right ul li .text-box{height: auto;overflow: hidden;}
.case .right ul li .text-box h2{font-size: 16px;font-weight: bold;color: #333;margin-top: 10px;transition: all .3s linear;}
.case .right ul li .text-box p{font-size: 13px;color: #999;margin: 10px 0;}
.case .right ul li .text-box dl{width: 400px;height: auto;overflow: hidden;}
.case .right ul li .text-box dd{width: 50%;float: left;line-height: 22px;color: #666;}
.case .right ul li .text-box dd span{width: 3px;height: 3px;background: #999;float: left;margin: 10px 5px 0 0;}
.case .right ul li .text-box .btn-more{float: right;color: #2c77bb;margin-top: 40px;}
.case .right ul li:hover .img-box img{transform: scale(1.05);}
.case .right ul li:hover .text-box h2{color: #2c77bb;}
.case-xq .w1200{height: auto;overflow:hidden;}
.case-xq .proxq-jj .img-box{width:600px !important;}
.case-xq .proxq-jj .img-box .bd li{width:600px !important;height:316px !important;overflow:hidden;}
.case-xq .proxq-jj .img-box .bd li img{width:600px !important;height:316px !important;overflow:hidden;display:block;}
.case-xq .proxq-jj .img-box .hd{z-index: 2;overflow: hidden;position: absolute;bottom: 10px;text-align: center;width:100%;left: 10px;}
.case-xq .proxq-jj .img-box .hd ul{text-align: center;overflow:hidden;width:100%;}
.case-xq .proxq-jj .img-box .hd li{cursor:pointer; display:inline-block;*display:inline;zoom:1;width: 8px;height: 8px;border:2px solid #fff;margin:0 3px;border-radius: 100%;}
.case-xq .proxq-jj .img-box .hd li:first-child{margin-left :0;}
.case-xq .proxq-jj .img-box .hd li img{display: block;width: 115px;height: 69px;}
.case-xq .proxq-jj .img-box .hd ul .on{ background:#ff6c00;border:2px solid #ff6c00;}
.case-xq .proxq-jj .img-box .prev,.case-xq .proxq-jj .img-box .next{margin-top: -30px;}
/*solution*/
.solution{padding: 50px 0;}
.solution .fangan{height: auto;overflow: hidden;}
.solution .fangan ul{width: 1230px;overflow: hidden;}
.solution .fangan li{width: 532px;height: auto;overflow: hidden;padding: 20px 29px;background: #f6f6f6;margin:0 20px 20px 0;float: left;}
.solution .fangan li .img-box{width: 220px;height: 132px;overflow: hidden;float: left;margin-right: 18px;}
.solution .fangan li .img-box img{width:220px; height:132px;display: block;transition: all .3s linear;}
.solution .fangan li .text-box{height: auto;overflow: hidden;}
.solution .fangan li .text-box h2{font-size: 16px;color: #333;font-weight: bold;margin: 15px 0;transition: all .3s linear;}
.solution .fangan li .text-box p{font-size: 14px;color: #777;line-height: 22px;margin-bottom: 10px;}
.solution .fangan li .text-box span{font-size: 13px;color: #f29c47;}
.solution .fangan li:hover img{transform: scale(1.05);}
.solution .fangan li:hover h2{color: #0065b1;}
.solution .cailiao{height: auto;overflow: hidden;background: #f9f9f9;margin-top: 55px;}
.solution .cailiao ul{width: 1230px;height: auto;overflow: hidden;}
.solution .cailiao ul li{width: 180px;height: 108px;overflow: hidden;position: relative;float: left;margin:0 24px 28px 0;padding: 50px 0 22px;}
.solution .cailiao ul li img{width: 180px;height: 108px;overflow: hidden;display: block;transition: all .3s linear;}
.solution .cailiao ul li p{width: 100%;height: 34px;line-height: 34px;color: #fff;text-align: center;background: url(../images/cover-bg.png) repeat;position: absolute;left: 0;bottom:22px;}
.solution .case{height: auto;overflow: hidden;padding: 50px 0 5px;}
.solution .case .t{font-size: 20px;color: #333;font-weight: bold;text-align: center;}
.solution .case .t span{width: 36px;height: 1px;background: #999;display: inline-block;margin: 6px 15px;}
.solution .case ul{width: 1230px;height: auto;overflow: hidden;margin-top: 30px;}
.solution .case ul li{width: 290px;height: auto;overflow: hidden;float: left;margin-right: 13px;}
.solution .case ul li .img-box{width: 290px;height: 153px;overflow: hidden;}
.solution .case ul li .img-box img{width: 290px;height: 153px;overflow: hidden;display: block;transition: all .3s linear;}
.solution .case ul li .text-box{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 15px;color: #666;background: #f5f5f5;}
.solution .case ul li:hover img{transform: scale(1.05);}
.solution .case ul li:hover .text-box{color: #2c77bb;}

/*solution-xq*/
.solution-xq .proxq-jj{padding-bottom: 0;}
.solution-xq .proxq-jj .img-box{width: 220px;height: 132px;margin-right: 35px;}
.solution-xq .proxq-jj .img-box img{width: 220px;height: 132px;display: block;}
.solution-xq .proxq-jj .txt-box{padding-top: 0;}
.solution-xq .proxq-jj .txt-box .zx{margin-top: 15px;}
.solution-xq .proxq-jj .txt-box .zx a:first-child{padding:5px 20px;}
/*about*/
.about{padding: 0;}
.about .banner{width: 100%;height: 120px;background: url(../images/about-banner.jpg) center no-repeat;background-size: cover;}
.about .content{height: auto;overflow: hidden;padding: 25px 0;}
.about .content .video{width: 466px;height: 228px;overflow: hidden;float: left;margin-right: 25px;position: relative;cursor: pointer;}
.about .content .video img{width: 100%;display: block;transition: all .3s linear;}
.about .content .video .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;transition: all .3s linear;}
.about .content .video .cover i{background: url(../images/bf.png) center no-repeat;display: block;margin-top: 80px;width:64px;height:64px;position:absolute;left:45%;}
.about .content .video:hover .cover{opacity: 0;filter:alpha(opacity=0);}
.about .content .video:hover img{transform: scale(1.05);}
.about .content p{font-size: 13px;color: #555;line-height: 24px;margin-bottom: 10px;}
.about .history{height: auto;overflow: hidden;padding: 50px 0;}
.about .history ul{height: auto;overflow: hidden;}
.about .history ul li{height: auto;overflow: hidden;position: relative;}
.about .history ul li h2{font-size: 18px;font-weight: bold;color: #0065b1;float: left;margin-right: 15px;}
.about .history ul li .libg{width: 18px;height: 18px;background: url(../images/history-li-bg.jpg) center no-repeat;position: absolute;left: 109px;top:3px;}
.about .history ul li dl{height: auto;overflow: hidden;padding: 40px 0 60px;border-left: 2px solid #e1e8f1;margin-top: 5px;}
.about .history ul li dl dd{font-size: 13px;color: #333;line-height: 25px;margin-bottom: 10px;}
.about .history ul li dl dd b{width: 13px;height: 2px;background: #e1e8f1;float: left;margin: 12px 10px 0 0;}
.about .history ul li dl dd span{width: 85px;color: #999;float: left;}
.about .history ul li dl dd p{height: auto;overflow: hidden;}
.about .strength{height: auto;overflow: hidden;padding: 25px 0;}
.about .strength ul{width: 1000px;height: auto;overflow: hidden;}
.about .strength ul li{width: 288px;height: 192px;overflow: hidden;position: relative;float: left;margin: 0 23px 23px 0;}
.about .strength ul li p{width: 100%;height: 45px;line-height: 45px;color: #fff;font-size: 13px;text-align: center;background: url(../images/cover-bg.png) repeat;position: absolute;left: 0;bottom: 0;}
.about .cooperation{height: auto;overflow: hidden;padding: 20px 0;}
.about .cooperation p{font-size: 14px;color: #666;line-height: 25px;margin-bottom: 10px;}
.about .cooperation ul{width: 1000px;height: auto;overflow: hidden;border-top:1px dashed #eaeaea;padding-top: 30px;margin-top: 25px;}
.about .cooperation ul li{width: 288px;height: 192px;overflow: hidden;position: relative;float: left;margin: 0 23px 23px 0;}
.about .cooperation ul li p{width: 100%;height: 35px;line-height: 35px;color: #fff;font-size: 13px;text-align: center;position: absolute;left: 0;bottom: 0;margin: 0;}
.about .cooperation ul h2{font-weight: bold;font-size: 16px;color: #222;margin-bottom: 15px;}
.about .culture{height: auto;overflow: hidden;padding: 20px 0 100px;}
.about .culture .img-box{width: 455px;height: auto;overflow: hidden;float: left;margin-right: 45px;}
.about .culture .img-box img{width: 100%;display: block;margin-top: 20px;}
.about .culture .text-box{height: auto;overflow: hidden;}
.about .culture .text-box ul{height: auto;overflow: hidden;}
.about .culture .text-box ul li{height: auto;overflow: hidden;margin-bottom: 25px;}
.about .culture .text-box ul li h2{font-weight: bold;margin-bottom: 2px;}
.about .culture .text-box ul li p{color: #666;line-height: 23px;}
.about .honor{height: auto;overflow: hidden;padding: 20px 0 100px;}
.about .honor ul{width: 1000px;height:auto;overflow: hidden}
.about .honor ul li{ float: left; width:192px;height: 171px;padding: 10px;cursor:pointer;display: inline;border: 1px solid #ebebeb;background: #fff;text-align: center;margin:0 18px 18px 0;position: relative;}
.about .honor ul li img{ max-width:190px; max-height:140px;display: inline-block;vertical-align: middle; }
.about .honor ul li p{width: 192px;height: 20px;overflow: hidden;position: absolute;bottom: 10px;text-align: center;color: #333;}
/*news*/
.news .banner{width: 100%;height: 120px;background: url(../images/news-banner.jpg) center no-repeat;background-size: cover;}
.news .news-list{height: auto;overflow: hidden;}
.news .news-list .headline{height: auto;overflow: hidden;margin: 30px 0 10px;border-bottom: 1px solid #efefef;padding-bottom: 40px;}
.news .news-list .headline .img-box{width: 390px;height: 234px;overflow: hidden;float: left;margin-right: 20px;}
.news .news-list .headline .img-box img{width: 390px;height: 234px;overflow: hidden;display: block;transition: all .3s linear;}
.news .news-list .headline .text-box{height: auto;overflow: hidden;}
.news .news-list .headline .text-box h2{font-size: 18px;color: #333;margin:5px 0 15px;transition: all .3s linear;}
.news .news-list .headline .text-box p{font-size: 14px;color: #999;margin-bottom: 20px;}
.news .news-list .headline .text-box p.date{font-size: 13px;color: #bbb;}
.news .news-list .headline .text-box span{font-size: 13px;color: #2c77bb;}
.news .news-list .headline:hover h2{color: #2c77bb;}
.news .news-list .headline:hover img{transform: scale(1.05);}
.news .news-list ul{height: auto;overflow: hidden;margin-bottom: 30px;}
.news .news-list ul li a {
    color: #000;

}
.news .news-list ul li{height: auto;overflow: hidden;margin-top: 30px;



    height: auto;
        overflow: hidden;
            margin-top: 30px;
                float: left;
                            color: black;
                            width: 100%;








}

#pageNav li {
    width: auto;

                    display: inline-block;
                        padding: 5px;
}

.news .news-list ul li .img-box{width: 230px;height: 138px;overflow: hidden;float: left;margin-right: 20px;}
.news .news-list ul li .img-box img{width: 230px;height: 138px;overflow: hidden;display: block;transition: all .3s linear;}
.news .news-list ul li .text-box{height: auto;overflow: hidden;}
.news .news-list ul li .text-box h2{font-size: 16px;color: #333;max-height: 55px;overflow: hidden;margin-bottom: 15px;transition: all .3s linear;}
.news .news-list ul li .text-box p{font-size: 13px;color: #999;margin-bottom: 15px;}
.news .news-list ul li .text-box p.date{color: #bbb;}
.news .news-list ul li .text-box p.add{font-size: 12px;color: #d1d1d1;margin-top: 10px;}
.news .news-list ul li .text-box span{font-size: 13px;color: #2c77bb;}
.news .news-list ul li:hover img{transform: scale(1.05);}
.news .news-list ul li:hover h2{color: #2c77bb;}
.news .news-video{height: auto;overflow: hidden;}
.news .news-video .headline{height: auto;overflow: hidden;margin: 30px 0 10px;padding-bottom: 40px;}
.news .news-video .headline .img-box{width: 465px;height: 310px;overflow: hidden;float: left;margin-right: 20px;position: relative;}
.news .news-video .headline .img-box img{width: 465px;height: 310px;overflow: hidden;display: block;transition: all .3s linear;}
.news .news-video .headline .img-box .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;transition: all .3s linear;}
.news .news-video .headline .img-box .cover i{background: url(../images/bf.png) center no-repeat;display: block;margin-top: 120px;width:64px;height:64px;position:absolute;left:45%;}
.news .news-video .headline .img-box:hover .cover{opacity: 0;filter:alpha(opacity=0);}
.news .news-video .headline .img-box:hover img{transform: scale(1.05);}
.news .news-video .headline .text-box{height: auto;overflow: hidden;}
.news .news-video .headline .text-box h2{font-size: 18px;font-weight: bold;color: #333;margin: 35px 0 15px;}
.news .news-video .headline .text-box p{color: #999;}
.news .news-video .hd ul{height: auto;overflow: hidden;border-bottom: 1px solid #e4e4e4;}
.news .news-video .hd ul li{width: auto;height: 38px;line-height: 38px;cursor: pointer;padding: 0 35px;float: left;border-right: 1px solid #e4e4e4;}
.news .news-video .hd ul li.on{background: #0065b1;color: #fff;}
.news .news-video .bd{min-height:285px}
.news .news-video .bd ul{width: 1000px;height: auto;overflow: hidden;margin-top: 30px;}
.news .news-video .bd ul li{width: 282px;height: auto;overflow: hidden;margin: 0 32px 32px 0;float: left;}
.news .news-video .bd ul li .img-box{width: 282px;height: 188px;overflow: hidden;position: relative;}
.news .news-video .bd ul li .img-box video{position:absolute;left:0;top:0}
.news .news-video .bd ul li .img-box .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-align: center;transition: all .3s linear;opacity: 1;filter:alpha(opacity=100);}
.news .news-video .bd ul li .img-box .cover i{background: url(../images/bf.png) center no-repeat;display: block;margin-top: 65px;width:64px;height:64px;position:absolute;left:40%;}
.news .news-video .bd ul li .img-box img{width: 282px;height: 188px;overflow: hidden;display: block;transition: all .3s linear;}
.news .news-video .bd ul li .text-box{height: auto;overflow: hidden;margin-top: 15px;}
.news .news-video .bd ul li .text-box h2{font-size: 16px;color: #333;margin-bottom: 10px;transition: all .3s linear;}
.news .news-video .bd ul li .text-box p{font-size: 13px;color: #999;}
.news .news-video .bd ul li .img-box:hover .cover{opacity: 0;filter:alpha(opacity=0);}
.news .news-video .bd ul li .img-box:hover img{transform: scale(1.05);}
.news-xq{height: auto;overflow: hidden;}
.news-xq .title{height: auto;overflow: hidden;margin: 30px 0;border-bottom: 1px solid #efefef;}
.news-xq .title h2{font-size: 18px;color: #333;margin-bottom: 10px;}
.news-xq .title p{font-size: 13px;color: #999;}
.news-xq .title p span{margin-right: 20px;}
.news-xq p{color: #666;line-height: 24px;margin-bottom: 10px;}
.relevant{height: auto;overflow: hidden;border-top:1px solid #ededed;padding-top: 20px;}
.relevant a{display: inline-block;color: #666;}
.relevant a:hover{color: #2c77bb;}
.relevant p{color: #666;line-height: 24px;margin-bottom: 10px;}
/*人力资源*/
.hr h1{font-size: 30px;margin-bottom: 30px;}
.hr h1 span{font-size: 24px;color: #999;margin-left: 10px;text-transform: uppercase;font-family: "helvetica-lt-37-thin-condensed"}
.hr p{font-size: 13px;line-height: 22px;color: #666;margin-bottom: 10px}
.hr b{display:inline-block;float:left;color:#666;}
.hr .welfare{height: auto;overflow: hidden;padding: 60px 0;}
.hr .welfare ul{width: 1225px;height: auto;overflow: hidden;}
.hr .welfare ul li{width: 101px;height: auto;float: left;margin-right: 35px;text-align: center;}
.hr .welfare ul li i{width: 99px;height: 99px;line-height: 99px;border: 1px solid #d4d4d4;display: block;border-radius: 50%;text-align: center;font-size: 42px;color: #838383;transition: all ease-in .3s}
.hr .welfare ul li h2{font-size: 13px;color: #666;margin-top: 10px;transition: all ease-in .3s}
.hr .welfare ul li:hover i,.hr .welfare ul li:hover h2{border-color:#267ed8;color: #267ed8;}
.hr .welfare p{margin-top: 30px;text-indent: 25px;}
.hr .promotion{height: auto;overflow: hidden;padding: 60px 0;background: #f5f5f5;}
.hr .promotion .left{width: auto;height: auto;overflow: hidden;}
.hr .promotion .left img{margin-top:40px;display: block;}
.hr .promotion .right{width: 514px;height: auto;overflow: hidden;}
.hr .training{height: auto;overflow: hidden;padding: 60px 0 80px;}
.hr .training .left{width: auto;height: auto;overflow: hidden;}
.hr .training .left img{display: block;}
.hr .training .right{width: 514px;height: auto;overflow: hidden;}
.hr .training .right h3{font-size: 15px;font-weight: bold;color: #666;margin: 25px 0 8px;}
.hr .hr-zp{height: auto;overflow: hidden;margin: 55px 0 80px;}
.hr .hr-zp .zp-title{height: 50px;line-height: 50px;overflow: hidden;background: #2c77bb;clear: both;text-align: center;}
.hr .hr-zp .zp-title span{width:14.285%;display: block;float: left;color: #fff;font-size: 14px;}
.hr .hr-zp .zp-list{height: auto;overflow: hidden;border:1px solid #e7e7e7;border-bottom: 0;}
.hr .hr-zp .zp-list li{height:auto;overflow: hidden;border-bottom: 1px solid #e7e7e7;background: #f0f0f0;font-size: 13px;color: #666;cursor: pointer;clear:both;}
.hr .hr-zp .zp-list li.even{background: #fff;}
.hr .hr-zp .zp-list li.active{background: #c8def4;}
.hr .hr-zp .zp-list li span{width:14%;display: inline-block;text-align: center;line-height:20px;text-align: center;padding: 15px 0;}
.hr .hr-zp .zp-list li:hover{background: #c8def4;}
.hr .hr-zp .zp-list li .text-box{height: auto;overflow: hidden;padding:0 26px;background: #f0f0f0;display: none;}
.hr .hr-zp .zp-list li .text-box .block{height: 26px;;}
.hr .hr-zp .zp-list li .text-box h2{font-size: 13px;font-weight: bold;color: #333;margin: 20px 0 10px;}
.hr .hr-zp .zp-list li .text-box p{font-size: 12px;line-height: 20px;}
.hr .hr-gg{height: auto;overflow: hidden;margin: 35px 0 10px;}
.hr .hr-gg ul{height: auto;overflow: hidden;}
.hr .hr-gg ul li{height: auto;overflow:hidden;border-bottom:1px solid #e8e8e8;padding: 30px 0;}
.hr .hr-gg ul li .date{width: 98px;height: 98px;background: #e8e8e8;text-align: center;float: left;margin-right: 20px;}
.hr .hr-gg ul li .date .day{font-size: 40px;color: #2c77bb;margin-top: 10px;}
.hr .hr-gg ul li .date p{font-size: 14px;color: #333;line-height: normal;margin: 0;}
.hr .hr-gg ul li .text-box{height: auto;overflow: hidden}
.hr .hr-gg ul li .text-box h2{font-size: 16px;margin-bottom:10px;color: #333;margin-top: 3px;transition: all .3s linear;}
.hr .hr-gg ul li .text-box p{font-size: 13px;max-height: 48px;transition: all .3s linear;margin: 0;}
.hr .hr-gg ul li:hover .text-box h2{color: #2c77bb;}
.hr .hr-gg ul li:hover .text-box p{color: #999;}
/*support*/
.support .banner{width: 100%;height: 120px;background: url(../images/support-banner.jpg) center no-repeat;background-size: cover;}
.columnbg{ width:100%; background-color:#f5f5f5; padding:10px 0px 50px 0px; overflow:hidden;}
.columnnobg{ width:100%; background-color:#fff; padding:10px 0px 50px 0px; overflow:hidden;}
.columntitle {font-size: 30px;color: #333;text-align: center;width: 100%;margin: 10px auto 40px auto;padding: 30px 0px;clear: both;background-image: url(../images/titlebg.png); background-position: center bottom;background-repeat: no-repeat;}
.columntitle span {color: #c3c3c3;font-size: 18px;display: block;font-family: Arial;padding-bottom: 5px;clear: both;}
.columntitle i {height: 3px;width: 50px;background-color: #008ee9;margin: 10px auto 0px auto;display: block;clear: both;}
.linetitle{ font-size:26px; color:#555; text-align:center; width:100%; margin:0px auto; padding:30px 0px; clear:both; background-image:url(../images/titlebg.png); background-position:center bottom; background-repeat:no-repeat; margin-bottom:30px;}
.linetitle span{ color:#c3c3c3; font-size:18px; display:block; font-family:Arial; padding-bottom:5px; clear:both;}
.linetitle i{ height:3px; width:50px; background-color:#008ee9; margin:10px auto 0px auto; display:block; clear:both;}
.columntab{ width:160px; margin:0px auto; padding-bottom:50px;}
.columntab span{ display:block; height:23px; line-height:23px; width:80px; background-color:#dedede; text-align:center; float:left;}
.columntab span.cur{ background-color:#7d7d7d;}
.columntab span a{color:#555; text-decoration:none;}
.columntab span.cur a{color:#fff;}
.columndesc{ width:100%; line-height:25px; padding-bottom:30px; clear:both;color: #555;}
.columntitle .orange{ color:#ff8a00;}
.textnav4{ width:1250px; line-height:25px; clear:both; overflow:hidden;}
.textnav4 li{ width:280px; float:left; height:230px; margin-right:26px; position:relative; background-color:#f9f9f9;}
.textnav4 li i{ display:block; width:100%; padding:30px 0px; margin-top:10px; text-align:center; color:#2c77bb; font-size:30px; font-style:normal;}
.textnav4 li p{ font-size:14px; padding:0px 30px; line-height:25px; display:block;color: #555;}
.servicelist{width:1194px;border-top:1px solid #eee; border-left:1px solid #eee; overflow:hidden;}
.servicelist li{ border-right:1px solid #eee; width:178px; height:100px;padding-left: 20px;font-size:18px; line-height:100px;text-align: center; border-bottom:1px solid #eee; float:left; background-image:url(../images/serviceicon.png); background-repeat:no-repeat; background-position:75px 38px;}
.servicelist li.kance{ background-position:45px 38px;}
.servicelist li.jiance{ background-position:40px -60px;}
.servicelist li.fangan{ background-position:40px -160px;}
.servicelist li.changdi{ background-position:40px -260px;}
.servicelist li.anzhuang{ background-position:40px -342px;}
.servicelist li.jijian{ background-position:42px -422px;}
.servicelist li.shiji{ background-position:45px -500px;}
.servicelist li.peijian{ background-position:40px -578px;}
.servicelist li.peixun{ background-position:40px -676px;}
.servicelist li.shangji{ background-position:40px -780px;}
.servicelist li.yunying{ background-position:40px -880px;}
.servicelist li.touzi{ background-position:45px -960px;}
.servicedesc .item{ border-bottom:1px solid #e7e7e7; padding:20px 0px; width:100%; overflow:hidden;}
.servicedesc .item h3{ width:300px; font-size:24px; margin-top:15px; float:left; font-weight: bold;color: #555;}
.servicedesc .item .right{width:700px;height:auto;overflow:hidden;line-height:30px;color: #555;float:left}
.imgservice{ width:1220px; line-height:25px; clear:both; overflow:hidden;}
.imgservice li{ width:230px; height:130px; text-align:center; margin-right:10px; margin-top:5px; margin-bottom:5px; float:left; overflow:hidden; position:relative;}
.imgservice li span{ display:block; margin:0px auto; text-align:center;}
.imgservice li span img{ margin:0px auto;}
.imgservice li b{ display:block; font-size:16px; width:100%; height:100%; line-height:130px; top:0px; text-align:center; font-weight:normal; position:absolute; background-color:#0097f8;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8; color:#fff; display:none; }
.imgservice li b a{ color:#fff; width:100%; height:100%; display:block; text-decoration:none;}
.imgservice li:hover b{ display:block;}
.imgservice li.wide{ width:470px;}
.imgservice li.height{ height:270px;}
.imgservice li.height b{ line-height:270px;}
/*contact*/
.contact .banner{width: 100%;height: 120px;background: url(../images/contact-banner.jpg) center no-repeat;background-size: cover;}
.contact .contact-title .w1200{padding-bottom: 25px;border-bottom: 1px solid #ededed;}
.contact .contact-title h1{font-size: 30px;color: #010101;}
.contact .contact-title h1 span{font-size: 15px;color: #777777;display: inline-block;padding-left: 10px;}
.contact .proxq-order{padding-top: 50px;padding-bottom: 43px;}
.contact .maps{height: 310px;width: 100%;}
.contact .BMap_bubble_title b{color: #ec8e26;font-size: 15px;}
.wrap-page {height: auto;overflow: hidden; vertical-align: middle;padding:30px 0 50px;margin:0 auto;}
.wrap-page .num,.wrap-page .page-n{float: left;display: block;line-height: 32px;margin-right: 15px;}
.wrap-page a {color:#656565;display:inline-block;width: 30px ;height: 30px; line-height: 30px; margin-left:5px;text-align: center;
vertical-align:middle;border: 1px solid #e8e8e8;font-size: 13px;}
.wrap-page a.first {margin-left: 0;}
.wrap-page a.first,.wrap-page a.last {width: 45px;}
.wrap-page a.next,.wrap-page a.prev {width:65px;}
.wrap-page a.active,.wrap-page a:hover{background: #2c77bb;color: #fff;}
.wrap-page .iconfont{font-size: 13px;line-height: 30px;}
/*error*/
.error{position:relative;height:650px;background: url("../images/404_bg.png") center top no-repeat;margin-top: 80px;}
.error p{padding-top: 360px;text-align: center;font-size: 14px;}
.error p a{display: inline-block;color: #666;padding: 0 10px;}
.error p a:hover{color: #2c77bb;text-decoration: underline;}
/*result*/
.result {padding: 50px 0;}
.result .no_result{height: auto;overflow: hidden;text-align: center;}
.result .no_result p{font-size: 16px;font-weight: normal;}
.result .no_result p a{color: #296fb7;display: inline-block;}
.result .no_result p a:hover{text-decoration: underline;}
.result .product{padding: 0;}
.result .product .t{height: 44px;line-height: 44px;background: #f6f6f6;border-left: 4px solid #2c77bb;padding:0 18px;}
.result .product .t b{font-size: 16px;}
.result .product .t a{float: right;color: #666;font-size: 12px;}
.result .product .t a:hover{color: #2c77bb;}
.result .product ul{width: 1250px;height: auto;overflow: hidden;margin-top: 30px;}
.result .product ul li{width: 210px;height: auto;float: left;margin: 0 37px 15px 0;}
.result .product ul li .img-box{width: 210px;height: 126px;overflow: hidden;}
.result .product ul li .img-box img{width: 210px;height: 126px;overflow: hidden;display: block;transition: all .3s linear;}
.result .product ul li h2{color: #333;margin: 18px 0;transition: all .3s linear;}
.result .product ul li:hover img{transform: scale(1.05);}
.result .product ul li:hover h2{color: #2c77bb;}
.result .news ul li{height: auto;overflow:hidden;border-bottom:1px solid #e8e8e8;padding: 30px 0;}
.result .news ul li .date{width: 98px;height: 98px;background: #e8e8e8;text-align: center;float: left;margin-right: 20px;}
.result .news ul li .date .day{font-size: 40px;color: #2c77bb;margin-top: 10px;}
.result .news ul li .date p{font-size: 14px;color: #333;line-height: normal;margin: 0;}
.result .news ul li .text-box{height: auto;overflow: hidden}
.result .news li .text-box h2{font-size: 16px;margin-bottom:10px;color: #333;margin-top: 3px;transition: all .3s linear;}
.result .news li .text-box p{font-size: 13px;color: #666;max-height: 48px;transition: all .3s linear;margin: 0;}
.result .news li:hover .text-box h2{color: #2c77bb;}
.result .news li:hover .text-box p{color: #999;}
.NavScroll {width: 100%;height: 50px;background: #2c77bb!important;overflow: hidden;margin: 0 auto;position: fixed;top:0px;left: 0;z-index: 99999;display: none;}
.NavScroll p{font-size: 16px;}
.NavScroll.navFix{width: 100%;position: fixed;top:0;left: 0;z-index: 99999;display: block;}
.NavScroll ul {width: auto;float: left; height:50px;margin: 0 auto;}
.NavScroll ul li{float: left;position: relative;width: 100px;height: 50px;text-align: center;}
.NavScroll ul li:first-child{width: 120px;}
.NavScroll ul li a {display: block;font-size:16px; color: #d6d6d6;width: 100%;height: 100%;line-height: 50px;text-decoration: none;}
.NavScroll ul li a:hover,.NavScroll ul li a.active{color:#fff}
.NavScroll ul li a :hover em,.NavScroll ul li a.active em{height: 2px;background: #fff;display: block;position: absolute;bottom:0;z-index:43;left:11px;right:11px;}
/*城市*/
.order_li{ width: 100%; height: 51px;  margin-bottom: 85px;margin-top: 15px;}
.order_name{ width:77px;   line-height:53px; font-size: 14px; color: #333; text-align: right;display:block}
.order_name span{  color: red;}
.input1{ width:517px; padding-left: 5px; line-height: 32px; height: 30px; background: #fff; border: 1px solid #d2d2d2;}
.selects{ height:51px;  width: 517px; background: #fff; }
.select-con{   width:517px;/*70*/  max-height:134px;  border: none;  position: relative;
    float: left;  font-size: 13px;   margin-top: 1px;  border: 0  ; }
.select-con .st { border:0;}
.select-con .select-selected{  width:517px;  height:51px;  overflow: hidden; color: #333; position: absolute;  top: 0;  left: 0;
    line-height: 51px;  cursor: default;  padding-left:15px;  padding-right: 25px; /*border: 1px solid #d2d2d2;*/  }
.select-con ul{  list-style: none;  margin: 0;  display: none;  padding-left: 0;
    width: 517px;  position: absolute;  top: 51px; left: 0;  border: 1px solid #efece5; z-index: 100000; max-height:112px;overflow-y:auto; }
.select-con ul li{  list-style: none;  background: #FFF;  margin-top: 0;color:#333; padding: 8px 0; line-height:20px;   display: block;  cursor: default;  padding-left: 10px;  }
.select-con ul li:hover{  background: #206ac5; color: #fff;  }
.select-bg{  width:12px;  height: 9px;  border:none;  position: absolute;  background: url('../images/w_select.jpg') no-repeat;
    top: 22px;  right: 20px;}
.xgwz .t{    height: 44px;
    line-height: 44px;
    background: #f6f6f6;
    border-left: 4px solid #2c77bb; font-size: 16px;  padding-bottom: 0;
    padding: 0 18px;}
.xgwz .t b{    font-size: 16px;}
.xgwz ul{
height: auto;
overflow: hidden;
margin-top: 25px;    margin-bottom: 25px;
}
.xgwz { width: 49%; float: left; margin-right: 2%;}
.mr0{ margin-right: 0}
.xgwz ul li{ line-height: 36px;}
.xgwz ul li a{    display: inline-block;
    color: #666;}
.clear{ clear: both;}
.xgwz ul li a:hover{    color: #2c77bb;}
.xgwz ul li span{ float: right; color: #ccc ; }
.news-xq .list .t{    height: 44px;
    line-height: 44px; font-size: 16px;
    background: #f6f6f6;
    border-left: 4px solid #2c77bb;
    padding: 0 18px;}
.news-xq .list { margin-top: 15px;}
.news-xq .list { width:49%; margin-right: 2%; line-height: 30px; float: left;}
.news-xq .mr0{ margin-right: 0}
.news-xq .list ul li a{color: #666}
.news-xq .list ul li a:hover{color: #2c77bb}