@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html{height:100%;}
body{height:100%; color:#444; font-size:14px; font-family:"Arial", "微软雅黑";}
ul, ol { list-style:none;} 
img{max-width:100%;}
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#777; font-family: "Open Sans"; vertical-align:middle;}
input:focus {outline:none;}
textarea:focus {outline:none;}
table{width:100%; border:0px; border-left:1px #aaa solid; border-bottom:1px #aaa solid;}
table td{height:auto !important; padding:10px !important; border:0px !important; border-top:1px #aaa solid !important; border-right:1px #aaa solid !important;}
table td input{margin-right:6px;}
a{ color:#303030; text-decoration:none; transition:0.5s;}
.w1450{max-width:1450px; margin:0 auto;}
.w1450:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}


@media(max-width:767px){
    .visible-xs{display:none;}
    
    

    
}

.l_banner01{color:#fff;}
.l_banner01 a{ color:#fff; text-decoration:none; transition:0.5s;}


.pagebox{margin-top:40px;}
.page2 div{width:100%; font-size:15px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.page2 div a:hover{color:#1163cc;}


.fd{width:66px; position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:100;}
.fd ul li{width:66px;height:66px;cursor:pointer;margin-bottom:2px;position:relative;}
.fd ul li a{width:66px;height:66px;display:block;}
.fd ul li.ys1{background:url(../images/fd_03.jpg) 0 0 no-repeat;}
.fd ul li.ys2{background:url(../images/fd_010.jpg) 0 0 no-repeat;}
.fd ul li.ys2 .ys2_hm{width:150px; color:#fff; font-size:18px; line-height:66px; font-weight:bold; text-align:center; padding-right:2px; position:absolute; right:66px; top:0; display:none;}
.fd ul li.ys2:hover .ys2_hm{display:block;}
.fd ul li.ys2 .ys2_hm .ys2_hm_kj{background:#00a4eb;}
.fd ul li.ys3{background:url(../images/fd_08.jpg) 0 0 no-repeat;}
.fd ul li.ys3 .ys3_hm{width:150px; color:#fff; font-size:18px; line-height:66px; font-weight:bold; text-align:center; padding-right:2px; position:absolute; right:66px; top:0; display:none;}
.fd ul li.ys3:hover .ys3_hm{display:block;}
.fd ul li.ys3 .ys3_hm .ys3_hm_kj{background:#00a4eb;}
.fd ul li.ys4{background:url(../images/fd_10.jpg) 0 0 no-repeat;}
.fd ul li.ys4 .ys4_img{width:122px; overflow:hidden; padding-right:2px; position:absolute;left:-122px;bottom:0;display:none;}
.fd ul li.ys4 .ys4_img img{width:120px;height:120px;}
.fd ul li.ys4:hover .ys4_img{display:block;}

.sy_bt_bj{font-size:0px; text-align:center; margin-bottom:50px;}
.sy_bt{display:inline-block; line-height:32px; padding:6px 24px; padding-right:20px; position:relative;}
.sy_bt:after{content:""; width:16px; height:16px; background:url(../images/sy_bt_l.png) top left no-repeat; position:absolute; top:0; left:0;}
.sy_bt:before{content:""; width:16px; height:16px; background:url(../images/sy_bt_r.png) top left no-repeat; position:absolute; bottom:0; right:0;}
.sy_bt .sy_bt_l{float:left; font-size:32px; font-weight:bold; padding-right:26px; position:relative;}
.sy_bt .sy_bt_l:after{content:""; width:6px; height:6px; margin-top:-3px; background:#1163cc; position:absolute; top:50%; right:0;}
.sy_bt .sy_bt_r{float:right; color:#1163cc; font-size:32px; font-weight:bold; text-transform:uppercase; margin-left:20px;}

#newBridge .icon-right-center{display: none;}
#fp-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;-webkit-transform: translate3d(0,0,0);}
#fp-nav.right {right: 17px;}
#fp-nav.left {left: 17px;}
#fp-nav ul,.fp-slidesNav ul{margin: 0;padding: 0;}
#fp-nav ul li,.fp-slidesNav ul li{display: block;width: 14px;height: 13px;margin: 7px;position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height: 12px;width: 12px;margin: -6px 0 0 -6px;border-radius: 100%; background:#1163cc;}
#fp-nav ul li a span,.fp-slidesNav ul li a span {border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #bbb;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out; box-shadow: 0 0 4px rgba(0,0,0,0.2);}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width: 10px;height: 10px;margin: -5px 0px 0px -5px}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:70px !important;}


::-webkit-scrollbar{width:0; background:#ddd;}
::-webkit-scrollbar-thumb{background:#444;}


/*top*/
.top_bjj{height:100px;}
.top_bj{width:100%; background:#fff; position:fixed; top:0; left:0; z-index:3; transition:all 0.5s;}
.top_bj:after{content:""; width:100%; height:1px; background:rgba(0,0,0,0.1); position:absolute; bottom:0; left:0;}
.top:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.top .logo{height:100px; float:left; display:table; margin-left:60px; transition:all 0.5s;}
.top .logo a{display:table-cell; vertical-align:middle;}
.top .logo img{max-height:70px; transition:all 0.5s;}

.top .zyw{height:100px; float:right; text-align:center; padding:0 52px; cursor:pointer; position:relative; transition:all 0.5s;}
.top .zyw:after{content:""; width:1px; height:99px; background:rgba(0,0,0,0.1); position:absolute; top:0; left:0; transition:all 0.5s;}
.top .zyw .zyw_t{display:inline-block; font-size:15px; line-height:100px; padding-right:20px; background:url(../images/zyw.png) right center no-repeat; transition:all 0.5s;}
.top .zyw .zyw_b{width:100%; height:0px; overflow:hidden; position:absolute; top:99px; left:0; z-index:1; transition:all 0.5s;}
.top .zyw:hover .zyw_b{height:80px;}
.top .zyw .zyw_b ul li a{display:block; line-height:40px;}

.top .sousuo{height:100px; float:right; display:table; margin-right:52px; cursor:pointer; transition:all 0.5s;}
.top .sousuo .sousuo_an{display:table-cell; vertical-align:middle;}
.top .sousuo .ssk_bj{width:350px; opacity:0; visibility:hidden; position:fixed; right:0; top:110px; z-index:1; transition:all 0.5s;}
.top .sousuo .ssk{width:100%; overflow:hidden; box-shadow:0 0 1px rgba(0,0,0,0.6);}
.top .sousuo .ssk .input_txt{ width:70%; height:40px; float:left; font-size:13px; line-height:40px; padding-left:20px; border:none; background:#fff;}
.top .sousuo .ssk .input_btn{ width:30%; height:40px; float:right; color:#fff; line-height:40px; border:0 none;  border-radius:0; background:#1163cc;}
.top .sousuo .ssk_bj.p-show{right:154px; opacity:1; visibility:visible;}

.top .top_dh{float:right; margin-top:40px; transition:all 0.5s;}
.top .top_dh ul:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.top .top_dh ul li{float:left; font-size:16px; line-height:20px; margin-right:50px; position:relative; font-weight:bold;}
.top .top_dh ul li:after{content:""; width:0; height:3px; background:#1163cc; position:absolute; top:58px; left:0; z-index:1; transition:all 0.5s;}
.top .top_dh ul li:hover:after{width:100%;}
.top .top_dh ul li a{color:#555;}
.top .top_dh ul li.s:after{width:100%;}

.active.top_bj{background:#fff;}



/*banner*/
.block_home_slider{height:100%; position:relative; line-height:0px; text-align:center;}/*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:60px; height:60px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:130px; background:url(../images/prev.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-prev:hover{background:url(../images/prev2.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:130px; background:url(../images/next.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next:hover{background:url(../images/next2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:30px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:12px; height:12px; display:block; background:#fff; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:34px; background:#1163cc;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}
#home_slider2{display:none;}



/*产品分类*/
.cpfl_bjj{width:100%; padding-top:100px; display:table; background:#fff;}
.cpfl_bj{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.cpfl .cpfl_l{width:370px; float:left; padding-top:73px;}
.cpfl .cpfl_l .sy_bt_bj{text-align:left; margin-bottom:40px;}
.cpfl .cpfl_l .sy_bt_bj .sy_bt .sy_bt_l{float:none; padding-right:0;}
.cpfl .cpfl_l .sy_bt_bj .sy_bt .sy_bt_l:after{display:none;}
.cpfl .cpfl_l .sy_bt_bj .sy_bt .sy_bt_r{float:none; margin-left:0; margin-top:10px;}
.cpfl .cpfl_l .cpfl_l_wz{font-size:16px; line-height:40px;}
.cpfl .cpfl_l .cpfl_l_more{margin-top:140px;}
.cpfl .cpfl_l .cpfl_l_more a{display:inline-block; color:#fff; line-height:50px; text-transform:uppercase; padding:0 15px; background:#1163cc;}
.cpfl .cpfl_l .cpfl_l_more a span{padding-right:40px; background:url(../images/cpfl_l_more.png) right center no-repeat;}

.cpfl .cpfl_r{width:calc(100% - 510px); float:right;}
.cpfl .cpfl_r ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpfl .cpfl_r ul li{width:48%; float:left; margin-top:2%; margin-left:2%; background: -webkit-linear-gradient(360deg,#ebeef3 0,#f2f3f8 100%);
background: -moz-linear-gradient(360deg,#ebeef3 0,#f2f3f8 100%);
background: -ms-linear-gradient(360deg,#ebeef3 0,#f2f3f8 100%);
background: -o-linear-gradient(360deg,#ebeef3 0,#f2f3f8 100%);
background: linear-gradient(360deg,#ebeef3 0,#f2f3f8 100%);
position:relative;
}
.cpfl .cpfl_r ul li:nth-child(1){padding-right:30px;}
.cpfl .cpfl_r ul li a{width:100%; height:100%; overflow:hidden; display:block;}
.cpfl .cpfl_r ul li .cpfl_r_wb{position:absolute; top:30px; left:30px;}
.cpfl .cpfl_r ul li .cpfl_r_wb .cpfl_r_wb_t{font-size:24px; font-family:"微软雅黑"; font-weight:bold; padding-bottom:13px; position:relative; transition:all 0.5s;}
.cpfl .cpfl_r ul li:hover .cpfl_r_wb .cpfl_r_wb_t{color:#1163cc;}
.cpfl .cpfl_r ul li .cpfl_r_wb .cpfl_r_wb_t:after{content:""; width:28px; height:2px; background:#cdcdcd; position:absolute; bottom:0; left:0; transition:all 0.5s;}
.cpfl .cpfl_r ul li:hover .cpfl_r_wb .cpfl_r_wb_t:after{background:#1163cc;}
.cpfl .cpfl_r ul li .cpfl_r_wb .cpfl_r_wb_m{color:#999; font-size:15px; text-transform:uppercase; margin-top:12px; transition:all 0.5s;}
.cpfl .cpfl_r ul li:hover .cpfl_r_wb .cpfl_r_wb_m{color:#555;}
.cpfl .cpfl_r ul li .cpfl_r_img{float:right; transition:all 0.5s;}
.cpfl .cpfl_r ul li:hover .cpfl_r_img{transform:translateX(-10px);}



/*公司介绍*/
.gsjs_bjj{width:100%; padding-top:100px; display:table; background:url(../images/gsjs_bj.jpg) center no-repeat;}
.gsjs_bj{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.gsjs_bj .sy_bt:after{background:url(../images/sy_bt_l2.png) top left no-repeat;}
.gsjs_bj .sy_bt:before{background:url(../images/sy_bt_r2.png) bottom right no-repeat;}
.gsjs_bj .sy_bt .sy_bt_l{color:#fff;}
.gsjs_bj .sy_bt .sy_bt_l:after{background:#fff;}
.gsjs_bj .sy_bt .sy_bt_r{color:#fff;}
.gsjs .gsjs_img{width:600px; float:left;}
.gsjs .gsjs_img img{border:1px #426188 solid; box-shadow:0 4px 16px rgba(0,0,0,0.6);}
.gsjs .gsjs_r{width:calc(100% - 650px); float:right; margin-top:30px;}
.gsjs .gsjs_r .gsjs_r_wz{color:#fff; font-size:16px; line-height:30px;}
.gsjs .gsjs_r .gsjs_r_fl{margin-top:50px;}
.gsjs .gsjs_r .gsjs_r_fl ul{overflow:hidden;}
.gsjs .gsjs_r .gsjs_r_fl ul li{width:25%; float:left; text-align:center;}
.gsjs .gsjs_r .gsjs_r_fl ul li .gsjs_r_fl_wz{color:#fff; margin-top:24px;}



/*产品推荐*/
.cptj_bjj{width:100%; overflow:hidden; background:#f1f2f7 url(../images/cptj_bj.png) center bottom no-repeat; position:relative;}
.cptj_bj{width:100%; padding-top:100px; transform:translateY(-50%); position:absolute; top:50%; left:0;}
.cptj{padding-bottom:100px; display:block; position:relative;}
.cptj_kj .item{width:94%; text-align:center; margin:0 3%; box-shadow:0 4px 8px rgba(0,0,0,0.02); position:relative; transition:all 0.5s;}
.cptj_kj .item .cptj_img{overflow:hidden; position:relative;}
.cptj_kj .item .cptj_img:after{content:""; width:36px; height:36px; margin-left:-18px; border-radius:100%; background:#1163cc url(../images/cptj_img_tb.png) center no-repeat; position:absolute; top:-50px; left:50%; transition:all 0.5s;}
.cptj_kj .item:hover .cptj_img:after{margin-top:-18px; top:50%;}
.cptj_kj .item .cptj_wz{font-size:14px; line-height:20px; padding:20px; overflow:hidden; background:#fff; transition:all 0.5s;}
.cptj_kj .item:hover .cptj_wz{color:#fff; background:#1163cc;}
.cptj .cptj_more{width:62px; height:42px; margin-left:-31px; background:url(../images/cptj_more.png) center no-repeat; position:absolute; bottom:0; left:50%; z-index:4; transition:all 0.5s;}
.cptj .cptj_more:hover{background:url(../images/cptj_more2.png) center no-repeat;}
.cptj .cptj_more a{display:block; width:100%; height:100%;}

.cptj_kj .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.cptj_kj{display:none; width: 100%;-ms-touch-action:pan-y;}
.cptj_kj .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.cptj_kj .owl-wrapper-outer{overflow: hidden;width: 100%;}
.cptj_kj .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.cptj_kj .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.cptj_kj .owl-wrapper,
.cptj_kj .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.cptj_kj .owl-controls{width:100%; z-index:11;}
.cptj_kj .owl-controls .owl-buttons{width:150px; height:42px; margin-left:-75px; position:absolute; bottom:0; left:50%;}
.cptj_kj .owl-controls .owl-buttons div{width:24px; height:20px; font-size:12px; text-indent:-9999px; margin-top:11px; transition:0.5s;}
.cptj_kj .owl-controls .owl-buttons .owl-prev{float:left; background:url(../images/cptj_qh_l.png) bottom center no-repeat;}
.cptj_kj .owl-controls .owl-buttons .owl-prev:hover{background:url(../images/cptj_qh_l.png) top center no-repeat;}
.cptj_kj .owl-controls .owl-buttons .owl-next{float:right; background:url(../images/cptj_qh_r.png) bottom center no-repeat;}
.cptj_kj .owl-controls .owl-buttons .owl-next:hover{background:url(../images/cptj_qh_r.png) top center no-repeat;}

.cptj_kj .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.cptj_kj .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.cptj_kj .owl-controls .owl-page span{display: block;width:14px; height:14px; margin:0 12px; background:url(../images/cp_qh1.png) center no-repeat; transition:all 0.5s;}
.cptj_kj .owl-controls .owl-page.active span{background:url(../images/cp_qh2.png) center no-repeat;}
.cptj_kj .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.cptj_kj .loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.cptj_kj .owl-pagination{width:100%; height:14px; text-align:center; margin-top:70px; display:none;}



/*经典案例*/
.jdal_bjj{width:100%; padding-top:100px; display:table; background:#fff;}
.jdal_bj{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.jdal ul{width:100%; overflow:hidden; margin-top:-12px; margin-left:-12px; position:relative;}
.jdal ul li{width:calc(50% - 12px); height:240px; float:left; margin-top:12px; margin-left:12px;}
.jdal ul li .jdal_kj{width:100%; height:100%; background:#eeeff2; position:relative;}
.jdal ul li .jdal_img{width:50%; height:100%; position:absolute; top:0; left:0;}
.jdal ul li .jdal_wb{width:50%; height:100%; padding:40px 30px; background:#eeeff2; position:absolute; top:0; right:0;}
.jdal ul li .jdal_wb .jdal_wb_t{font-size:18px; line-height:20px;}
.jdal ul li .jdal_wb .jdal_wb_m{color:#777777; font-size:15px; margin-top:12px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.jdal ul li .jdal_wb .jdal_wb_more a{width:110px; display:inline-block; color:#1163cc; line-height:28px; text-align:center; margin-top:28px; border:1px #1163cc solid;}
.jdal ul li .jdal_wb .jdal_wb_more a:hover{color:#fff; background:#1163cc;}
.jdal ul li:nth-child(3) .jdal_img{right:0; left:inherit;}
.jdal ul li:nth-child(3) .jdal_wb{left:0; right:inherit;}
.jdal ul li:nth-child(4) .jdal_img{right:0; left:inherit;}
.jdal ul li:nth-child(4) .jdal_wb{left:0; right:inherit;}


.jdal_wb_more8 a{width:110px; display:inline-block; color:#1163cc; line-height:28px; text-align:center; margin-top:28px; border:1px #1163cc solid;}
.jdal_wb_more8 a:hover{color:#fff; background:#1163cc;}






/*解决方案*/
.jjfa_bjj{width:100%; padding-top:100px; display:table; background:url(../images/jjfa_bj.jpg) center no-repeat;}
.jjfa_bj{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.jjfa_bj .sy_bt:after{background:url(../images/sy_bt_l2.png) top left no-repeat;}
.jjfa_bj .sy_bt:before{background:url(../images/sy_bt_r2.png) bottom right no-repeat;}
.jjfa_bj .sy_bt .sy_bt_l{color:#fff;}
.jjfa_bj .sy_bt .sy_bt_l:after{background:#fff;}
.jjfa_bj .sy_bt .sy_bt_r{color:#fff;}
.jjfa ul{ margin-top:-2%; margin-left:-2%;}
.jjfa ul:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.jjfa ul li{width:48%; float:left; margin-top:2%; margin-left:2%; padding:15px; padding-right:0; background:#fff; transition:all 0.5s;}
.jjfa ul li:hover{transform:translateY(-10px); box-shadow:0 14px 10px rgba(0,0,0,0.2);}
.jjfa ul li .jjfa_img{width:290px; height:230px; float:left;}
.jjfa ul li .jjfa_wb{width:calc(100% - 290px); float:right; margin-top:25px; padding:0 40px;}
.jjfa ul li .jjfa_wb .jjfa_wb_t{font-size:18px; transition:all 0.5s;}
.jjfa ul li:hover .jjfa_wb .jjfa_wb_t{color:#1163cc;}
.jjfa ul li .jjfa_wb .jjfa_wb_m{height:72px; line-height:24px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-top:20px;}
.jjfa ul li .jjfa_wb .jjfa_wb_more{color:#777;margin-top:46px; transition:all 0.5s;}
.jjfa ul li:hover .jjfa_wb .jjfa_wb_more{color:#1163cc;}



/*新闻发布*/
.xwfb_bjj{width:100%; padding-top:100px; display:table; background:#fff;}
.xwfb_bj{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.xwfb .xwfb_l{width:600px; float:left;}
.xwfb .xwfb_l .xwfb_l_img{width:100%; height:330px;}
.xwfb .xwfb_l .xwfb_wb{margin-top:23px;}
.xwfb .xwfb_l .xwfb_wb .xwfb_rq{color:#666;}
.xwfb .xwfb_l .xwfb_wb .xwfb_wb_t{color:#333; font-size:16px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; padding-right:14px; transition:all 0.4s;}
.xwfb .xwfb_l .xwfb_wb:hover .xwfb_wb_t{color:#1163cc;}
.xwfb .xwfb_l .xwfb_wb .xwfb_wb_m{color:#878787; font-size:14px; line-height:24px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:4px;}
.xwfb .xwfb_l .xwfb_wb .xwfb_wb_b{margin-top:22px;}
.xwfb .xwfb_l .xwfb_wb .xwfb_wb_b span{width:82px; display:inline-block; color:#555; font-size:12px; line-height:22px; text-align:center; border:1px #ccc solid; border-radius:100px; transition:all 0.5s;}
.xwfb .xwfb_l:hover .xwfb_wb .xwfb_wb_b span{color:#fff; border:1px #1163cc solid; background:#1163cc;}

.xwfb .xwfb_r{width:calc(100% - 640px); float:right;}
.xwfb .xwfb_r ul{overflow:hidden; margin-top:-10px;}
.xwfb .xwfb_r ul li{margin-top:10px; padding:23px 40px; border:1px #e0ebf9 solid; background:#fff; transition:all 0.5s;}
.xwfb .xwfb_r ul li:hover{border:1px #6da7f0 solid;}
.xwfb .xwfb_r ul li .xwfb_rq{color:#666;}
.xwfb .xwfb_r ul li .xwfb_wb_t{color:#333; font-size:16px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; padding-right:14px; transition:all 0.4s;}
.xwfb .xwfb_r ul li:hover .xwfb_wb_t{color:#1163cc;}
.xwfb .xwfb_r ul li .xwfb_wb_m{color:#878787; font-size:14px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:2px;}
.xwfb .xwfb_r ul li .xwfb_wb_b{margin-top:12px;}
.xwfb .xwfb_r ul li .xwfb_wb_b span{width:82px; display:inline-block; color:#555; font-size:12px; line-height:22px; text-align:center; border:1px #ccc solid; border-radius:100px; transition:all 0.5s;}
.xwfb .xwfb_r ul li:hover .xwfb_wb_b span{color:#fff; border:1px #1163cc solid; background:#1163cc;}



/*底部*/
.db_bjj{width:100%; padding-top:80px; padding-bottom:160px; background:url(../images/db_bj.jpg) center no-repeat; position:relative;}
.db_bj{width:100%;}
.db .db_t{overflow:hidden;}
.db .db_t .db_t_l{width:310px; float:left;}
.db .db_t .db_t_l .db_t_l_rx{color:#fff; font-size:20px; font-weight:bold; margin-top:20px;}
.db .db_t .db_t_l .db_t_l_rx span{font-size:29px;}
.db .db_t .db_t_r{float:right;}
.db .db_t .db_t_r .db_dh{float:left; margin-left:90px;}
.db .db_t .db_t_r .db_dh:nth-child(1){margin-left:0;}
.db .db_t .db_t_r .db_dh .db_dh_bt{color:#fff; font-size:16px; margin-bottom:30px;}
.db .db_t .db_t_r .db_dh ul li{font-size:14px; margin-top:12px;}
.db .db_t .db_t_r .db_dh ul li a{color:#999;}

.db .db_b{margin-top:110px; overflow:hidden;}
.db .db_b .db_b_l{float:left; margin-top:48px;}
.db .db_b .db_b_l ul{overflow:hidden;}
.db .db_b .db_b_l ul li{width:370px; height:60px; float:left; display:table; padding-left:90px; position:relative;}
.db .db_b .db_b_l ul li:after{content:""; width:56px; height:56px; border:2px #fff solid; border-radius:100%; position:absolute; top:0; left:0;}
.db .db_b .db_b_l ul li:nth-child(1):after{ background:url(../images/db_b_l1.png) center no-repeat;}
.db .db_b .db_b_l ul li:nth-child(2):after{ background:url(../images/db_b_l2.png) center no-repeat;}
.db .db_b .db_b_l ul li:nth-child(3):after{ background:url(../images/db_b_l3.png) center no-repeat;}
.db .db_b .db_b_l ul li .db_b_l_wz{display:table-cell; vertical-align:middle; color:#fff; font-size:16px; line-height:24px;}
.db .db_b .db_b_r{width:150px; float:right; text-align:center;}
.db .db_b .db_b_r .db_b_r_wz{color:#fff; font-size:16px; margin-top:6px;}

.db_bah_bj{width:100%; padding:20px 0; border-top:1px rgba(255,255,255,0.2) solid; position:absolute; bottom:0; left:0;}
.db_bah .db_yqlj{float:left;}
.db_bah .db_yqlj ul{overflow:hidden;}
.db_bah .db_yqlj ul li{float:left; color:#fff; line-height:20px; margin-left:15px;}
.db_bah .db_yqlj ul li:nth-child(1){font-size:16px; margin:0;}
.db_bah .db_yqlj ul li a{color:#fff;}
.db_bah .db_bah_r{float:right; color:#fff; line-height:20px;}



/*ny_banner*/
.ny_banner_bjj{width:100%; position:relative;}
.ny_banner_bj{width:100%; padding:120px 0; background:#eee;}
.ny_banner{overflow:hidden;}
.ny_banner .ny_banner_bt{font-size:36px; line-height:50px; text-align:center;}
.ny_banner .ny_banner_bt span{display:inline-block; padding-left:60px;}
.ny_banner .ny_banner_wb{font-size:20px; margin-top:10px; text-align:center;}
.ny_banner .ny_banner_wz{margin-top:30px;}
.ny_banner .ny_banner_wz ul{overflow:hidden; font-size:0px; text-align:center;}
.ny_banner .ny_banner_wz ul li{display:inline-block; font-size:14px; line-height:20px; margin-left:9px; padding-left:14px; background:url(../images/ny_banner_wz.png) left center no-repeat;}
.ny_banner .ny_banner_wz ul li:first-child{margin:0; padding:0; background:none;}


/*内页导航*/
.ny_dh_bj{width:100%; position:relative;}
.ny_dh_bj:after{content:""; width:100%; height:1px; background:#eaeaea; position:absolute; bottom:1px; left:0;}
.ny_dh ul{overflow:hidden; font-size:0px; text-align:center;}
.ny_dh ul li{display:inline-block; font-size:15px; line-height:100px; padding-left:48px; position:relative;}
.ny_dh ul li:after{content:""; width:1px; height:14px; margin-top:-7px; background:#ccc; position:absolute; top:50%; left:23px;}
.ny_dh ul li:before{content:""; width:0; height:3px; background:#1163cc; position:absolute; bottom:0px; left:48px; z-index:1; transition:all 0.5s;}
.ny_dh ul li:nth-child(1){padding-left:0;}
.ny_dh ul li:nth-child(1):after{display:none;}
.ny_dh ul li:nth-child(1):before{left:0;}
.ny_dh ul li.s:nth-child(1):before{width:100%;}
.ny_dh ul li a:hover{color:#1163cc;}
.ny_dh ul li.s a{color:#1163cc;}
.ny_dh ul li.s:before{width:calc(100% - 48px);}

/*内页*/
.ny_bj{width:100%; padding-top:60px; padding-bottom:90px;}
.ny_wb{font-size:15px; line-height:26px;}



/*产品中心*/
.cpzx ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpzx ul li{width:23%; float:left; margin-top:2%; margin-left:2%;}
.cpzx ul li .cpzx_img{overflow:hidden; position:relative;}
.cpzx ul li .cpzx_img:after{content:""; width:36px; height:36px; margin-left:-18px; border-radius:100%; background:#1163cc url(../images/cptj_img_tb.png) center no-repeat; position:absolute; top:-50px; left:50%; transition:all 0.5s;}
.cpzx ul li:hover .cpzx_img:after{margin-top:-18px; top:50%;}
.cpzx ul li .cpzx_wz{line-height:20px; text-align:center; padding:20px; background:#eee; transition:all 0.5s; font-size: 17px;}
.cpzx ul li:hover .cpzx_wz{color:#fff; background:#1163cc;}



/*产品详情*/
.cpxq_bj{width:100%; padding:80px 0; background:#f4f4f4;}
.cpxq{overflow:hidden;}
.cpxq_l{width:50%; float:left;}

.cpxq_r{width:46%; float:right;}
.cpxq_r .cpxq_r_bt{font-size:26px; padding-top:8px;}
.cpxq_r .cpxq_r_wb{font-size:15px; line-height:24px; margin-top:20px;}
.cpxq_r .cpxq_r_wb p{margin-top:10px;}

.cpxq_r .cpxq_r_fh{margin-top:40px;}
.cpxq_r .cpxq_r_fh a{display:inline-block; line-height:46px; padding:0 40px; border:1px #ddd solid; position:relative;}
.cpxq_r .cpxq_r_fh a:hover{border:1px #1163cc solid;}
.cpxq_r .cpxq_r_fh a:after{content:""; width:0; height:100%; background:#1163cc; position:absolute; left:0; top:0; transition:all 0.5s;}
.cpxq_r .cpxq_r_fh a:hover:after{width:100%;}
.cpxq_r .cpxq_r_fh a span{padding-left:30px; background:url(../images/cpxq_hf_bj.png) left center no-repeat; position:relative; z-index:1; transition:all 0.5s;}
.cpxq_r .cpxq_r_fh a:hover span{background:url(../images/cpxq_hf_bj2.png) left center no-repeat;}
.cpxq_r .cpxq_r_fh a:hover span{color:#fff;}


.cpxq_b_bj{width:100%; padding:80px 0; border-top:1px #eaeaea solid;}
.cpxq_b .cpxq_b_dh{}
.cpxq_b .cpxq_b_dh ul{overflow:hidden; margin-left:-1%;}
.cpxq_b .cpxq_b_dh ul li{width:49%; float:left; color:#fff; font-size:18px; line-height:60px; text-align:center; margin-left:1%; padding:0 45px;  border-radius:4px; background:#666; cursor:pointer; transition:all 0.5s;}
.cpxq_b .cpxq_b_dh ul li.active{background:#1163cc;}
.cpxq_b .cpxq_b_dh ul li .cpxq_b_dh_xq{display:inline-block; padding-left:40px; background:url(../images/cpxq_b_dh_xq.png) left center no-repeat;}
.cpxq_b .cpxq_b_dh ul li .cpxq_b_dh_cs{display:inline-block; padding-left:40px; background:url(../images/cpxq_b_dh_cs.png) left center no-repeat;}
.cpxq_b_b {margin-top:42px;}
.cpxq_b_b_kj{font-size:15px; line-height:24px; display:none;}
.cpxq_b_b_kj video{max-width:100%!important;　max-height:auto!important;}
.cpxq_b_b_kj img{max-width:100%!important; height:auto!important;}


/*解决方案*/
.ny_jjfa ul{overflow:hidden; margin-top:-4%; margin-left:-2%;}
.ny_jjfa ul li{width:31.33%; float:left; margin-top:4%; margin-left:2%;}
.ny_jjfa ul li .ny_jjfa_img{overflow:hidden;}
.ny_jjfa ul li .ny_jjfa_img img{transition:all 0.5s;}
.ny_jjfa ul li:hover .ny_jjfa_img img{transform:scale(1.1);}
.ny_jjfa ul li .ny_jjfa_bt{font-size:18px; margin-top:16px; transition:all 0.5s;}
.ny_jjfa ul li:hover .ny_jjfa_bt{color:#1163cc;}
.ny_jjfa ul li .ny_jjfa_wz{color:#777; font-size:15px; margin-top:10px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.5s;}
.ny_jjfa ul li:hover .ny_jjfa_wz{color:#555;}
.ny_jjfa ul li .ny_jjfa_rq{margin-top:20px;}
.ny_jjfa ul li .ny_jjfa_rq span{color:#1163cc; margin-left:10px; padding-left:18px; background:url(../images/yj.png) left center no-repeat;}



/*经典案例*/
.ny_jdal ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.ny_jdal ul li{width:31.33%; float:left; overflow:hidden; margin-top:2%; margin-left:2%; position:relative;}
.ny_jdal ul li .ny_jdal_dw{content:""; width:0; height:300%; background: rgba(17,99,204,0.8); transform:translateX(-50%) translateY(-50%) rotate(-45deg); position:absolute; top:50%; left:50%; transition:all 0.5s;}
.ny_jdal ul li:hover .ny_jdal_dw{width:100%;}
.ny_jdal ul li a{display:block;}
.ny_jdal ul li .ny_jdal_img{overflow:hidden;}
.ny_jdal ul li .ny_jdal_img img{transition:all 0.5s;}
.ny_jdal ul li:hover .ny_jdal_img img{transform:scale(1.1);}
.ny_jdal ul li .ny_jdal_wb{width:100%; color:#fff; text-align:center; padding:0 20px; transform:translateY(-50%); opacity:0; position:absolute; top:50%; left:0; z-index:1; transition:all 0.5s;}
.ny_jdal ul li:hover .ny_jdal_wb{opacity:1;}
.ny_jdal ul li .ny_jdal_wb_t{font-size:18px; line-height:20px;}



/*荣誉资质*/
.ryzz ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.ryzz ul li{width:23%; float:left; text-align:center; margin-top:2%; margin-left:2%;}
.ryzz ul li .ryzz_img{overflow:hidden;}
.ryzz ul li .ryzz_img img{ transition:all 0.5s;}
.ryzz ul li:hover .ryzz_img img{transform:scale(1.1);}
.ryzz ul li .ryzz_wz{line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:10px;}



/*合作伙伴*/
.hzhb ul{margin-top:-2%; margin-left:-2%;}
.hzhb ul:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.hzhb ul li{width:18%; height:160px; float:left; display:table; text-align:center; margin-top:2%; margin-left:2%; border:1px #ddd solid; border-radius:6px; background:#fff; transition:all 0.5s;}
.hzhb ul li:hover{transform:translateY(-10px); box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.hzhb ul li a{width:100%; display:table-cell; vertical-align:middle;}
.hzhb ul li img{max-width:80%; max-height:80%;}



/*新闻资讯*/
.xwzx ul{margin-top:-20px;}
.xwzx ul li{overflow:hidden; padding:20px 0; position:relative;}
.xwzx ul li:before{content:""; width:100%; height:1px; background:#eaeaea; position:absolute; bottom:0; left:0;}
.xwzx ul li:after{content:""; width:0; height:1px; background:#1163cc; position:absolute; bottom:0; left:0; transition:all 0.5s;}
.xwzx ul li:hover:after{width:100%;}
.xwzx ul li .xw_img{width:240px; height:160px; float:left;}
.xwzx ul li .xw_wb{width:calc(100% - 280px); float:right;}
.xwzx ul li .xw_bt{font-size:18px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s; padding-right:14px;}
.xwzx ul li:hover .xw_bt{padding-left:14px; padding-right:0;}
.xwzx ul li .xw_wz{height:40px; color:#848484; line-height:20px; margin-top:16px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.6s; padding-right:14px;}
.xwzx ul li:hover .xw_wz{padding-left:14px; padding-right:0;}
.xwzx ul li .xw_rq{ overflow:hidden; margin-top:10px; transition:all 0.8s; padding-right:14px;}
.xwzx ul li:hover .xw_rq{ padding-left:14px; padding-right:0;}
.xwzx ul li .xw_rq span{color:#1163cc; margin-left:10px; padding-left:18px; background:url(../images/yj.png) left center no-repeat;}

.xwxq .xwxq_bt{font-size:20px;}
.xwxq .xwxq_rq{font-size:13px; margin-top:20px; padding-bottom:20px; border-bottom:1px #ccc dotted; margin-bottom:20px;}
.xwxq .xwxq_rq span{color:#1163cc; margin-left:10px; padding-left:18px; background:url(../images/yj.png) left center no-repeat;}
.xwxq .xwxq_wb{font-size:15px; line-height:24px; margin-top:30px;}
.xwxq .xwxq_wb video{max-width:100%!important;　max-height:auto!important;}
.xwxq .xwxq_wb img{max-width:100%!important; height:auto!important;}

.xwxq_more{margin-top:60px;}
.xwxq_more a{display:inline-block; line-height:46px; padding:0 40px; border:1px #ddd solid; position:relative;}
.xwxq_more a:hover{border:1px #1163cc solid;}
.xwxq_more a:after{content:""; width:0; height:100%; background:#1163cc; position:absolute; left:0; top:0; transition:all 0.5s;}
.xwxq_more a:hover:after{width:100%;}
.xwxq_more a span{padding-left:30px; background:url(../images/cpxq_hf_bj.png) left center no-repeat; position:relative; z-index:1; transition:all 0.5s;}
.xwxq_more a:hover span{color:#fff; background:url(../images/cpxq_hf_bj2.png) left center no-repeat;}



/*资料下载*/
.zlxz ul{overflow:hidden; margin-top:-1%; margin-left:-1%;}
.zlxz ul li{width:49%; float:left; overflow:hidden; line-height:60px; margin-top:1%; margin-left:1%; background:#f4f4f4; transition:all 0.5s;}
.zlxz ul li .zlxz_bt{width:calc(100% - 350px); float:left; overflow:hidden; font-size:15px; text-overflow:ellipsis; white-space:nowrap; padding-left:20px;}
.zlxz ul li .zlxz_r{width:330px; float:right;}
.zlxz ul li .zlxz_r .zlxz_dx{width:120px; float:left; text-align:center; background:#eee;}
.zlxz ul li .zlxz_r .zlxz_rq{width:150px; float:left; text-align:center; background:#e4e4e4;}
.zlxz ul li .zlxz_r .zlxz_an{float:right; background:#888 url(../images/cpxq_xz_bj.png) center no-repeat; transition:all 0.5s;}
.zlxz ul li .zlxz_r .zlxz_an:hover{background:#1163cc url(../images/cpxq_xz_bj.png) center no-repeat;}
.zlxz ul li .zlxz_r .zlxz_an a{width:60px; height:60px; display:block;}



/*联系我们*/
.lxwm_bj{width:100%; padding:70px 0;}
.lxwm_bt{font-size:26px; line-height:30px; font-weight:bold;}
.lxwm .lxwm_dt{width:600px; height:400px; float:left; padding:15px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.1);}
.lxwm .lxwm_wb{width:calc(100% - 650px); float:right; font-size:15px; line-height:30px;} 
.lxwm .lxwm_wb hr{border:none; height:1px; margin:10px 0; background:#ddd;}



/*在线留言*/
.zxly_bj{padding:70px 0; background:#f6f6f6;}
.zxly .zxly_wz{font-size:22px; margin-bottom:40px;}
.zxly ul{margin-left:-1%;}
.zxly ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.zxly ul li{width:49%; float:left; line-height:14px; color:#444; margin-left:1%; margin-bottom:1%;}
.zxly ul li .input_txt{width:100%; height:46px; color:#555; line-height:46px; padding:0 20px; border:1px #ddd solid; border-radius:6px; background:#fff; }
.zxly ul .textarea{width:99%;}
.zxly ul li textarea{width:100%; height:130px; color:#555; padding:15px 20px; font-family:"微软雅黑"; border:1px #ddd solid; border-radius:6px; background:#fff;}
.zxly .more{overflow:hidden; margin-top:20px;}
.zxly .more .input_btn{width:100px; height:46px; color:#fff; line-height:46px; text-align:center; cursor:pointer; border:none; border-radius:6px; background:#1163cc;}