﻿@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:#444; text-decoration:none; transition:0.5s;}
.w1200{max-width:1200px; margin:0 auto;}
.w1200:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

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


.sy_bt{margin-bottom:50px;}
.sy_bt .sy_bt_l{float:left;}
.sy_bt .sy_bt_l .sy_bt_t{height:22px; overflow:hidden; color:#1163cc; font-size:46px; line-height:36px; text-transform:uppercase;}
.sy_bt .sy_bt_l .sy_bt_b{font-size:26px; line-height:25px; margin-top:13px; padding-left:68px; position:relative;}
.sy_bt .sy_bt_l .sy_bt_b:after{content:""; width:50px; height:3px; margin-top:-1px; background:#444; position:absolute; top:50%; left:0;}
.sy_bt .sy_bt_r{float:right;}
.sy_bt .sy_bt_r ul{overflow:hidden;}
.sy_bt .sy_bt_r ul li{float:left; margin-right:10px;}
.sy_bt .sy_bt_r ul li a{display:block; line-height:44px; padding:0 26px; border-radius:300px; background:#eaeaea;}
.sy_bt .sy_bt_r ul li:hover a{color:#fff; background:#1163cc;}
.sy_bt .sy_bt_more{float:right;}
.sy_bt .sy_bt_more a{width:140px; display:block; color:#fff; line-height:44px; text-align:center; border-radius:300px; background:#1163cc;}




/*在线客服*/
.zxkf{ transform:translateY(-50%); position:fixed; top:50%; right:0; z-index:100;}
.zxkf ul{margin-top:-10px;}
.zxkf ul li{width:50px; height:50px; border:1px #ddd solid; margin-top:10px; position:relative;}
.zxkf ul li .zxkf_img{cursor:pointer;}
.zxkf ul li .zxkf_wz{color:#0263c3; line-height:18px; display:none; text-align:center; padding:5px 10px;  background:#fff; cursor:pointer; position:absolute; top:0; left:0;}
.zxkf ul li:hover .zxkf_wz{display:block;}
.zxkf ul li .zxkf_dw_bj{width:300px; display:none; padding-right:24px; position:absolute; top:-15px; left:-300px;}
.zxkf ul li:hover .zxkf_dw_bj{display:block;}
.zxkf ul li .zxkf_dw{padding:0 20px; border:1px #ddd solid; border-top:4px #0263c3 solid; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.1); position:relative;}
.zxkf ul li .zxkf_dw:after{content:""; width:13px; height:16px; background:url(../images/zxkf_dw_dw.png) center no-repeat; position:absolute; top:30px; right:-13px;}
.zxkf ul li .zxkf_dw .zxkf_dw_t{padding:20px 0; padding-left:64px; border-bottom:1px #ddd solid; background:url(../images/zxkf_dw_img1.png) left center no-repeat;}
.zxkf ul li .zxkf_dw .zxkf_dw_t .zxkf_dw_t_t{color:#0263c3; font-size:24px; line-height:24px;}
.zxkf ul li .zxkf_dw .zxkf_dw_t .zxkf_dw_t_b{color:#666; line-height:14px; margin-top:6px;}
.zxkf ul li .zxkf_dw .zxkf_dw_b{padding-bottom:30px;}
.zxkf ul li .zxkf_dw .zxkf_dw_b .zxkf_dw_b_wz{font-size:15px; line-height:15px; margin-top:20px;}
.zxkf ul li .zxkf_dw .zxkf_dw_b .zxkf_dw_b_kf{margin-top:6px;}
.zxkf ul li .zxkf_dw .zxkf_dw_b .zxkf_dw_b_kf a{display:inline-block; line-height:15px; margin-top:20px; margin-right:30px;}
.zxkf ul li .zxkf_dw .zxkf_dw_b .zxkf_dw_b_kf a:hover{color:#0263c3;}
.zxkf ul li .zxkf_dw .zxkf_dw_b .zxkf_dw_b_kf a img{margin-top:-6px; margin-right:4px;}
.zxkf ul li .zxkf_dw .zxkf_dw_erweima_img{text-align:center;}
.zxkf ul li .zxkf_dw .zxkf_dw_erweima_wz{color:#0263c3; text-align:center; margin-top:10px;}

.zxkf ul li:nth-child(1){border:1px #0263c3 solid;}
.zxkf ul li:nth-child(1) .zxkf_wz{color:#fff; background:#0263c3;}
.zxkf ul li:nth-child(2) .zxkf_dw .zxkf_dw_t{background:url(../images/zxkf_dw_img2.png) left center no-repeat;}
.zxkf ul li:nth-child(3) .zxkf_dw_bj{width:220px; top:inherit; bottom:-15px; left:-220px;}
.zxkf ul li:nth-child(3) .zxkf_dw{padding:20px; border:1px #ddd solid;}
.zxkf ul li:nth-child(3) .zxkf_dw:after{top:inherit; bottom:30px;}


/*top*/
.top_bjj{height:109px;}
.top_bj{width:100%; 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:1px; left:0; z-index:1;}
.top_bj:before{content:""; width:100%; height:109px; background:#fff; position:absolute; top:0; left:0; transition:all 0.5s;}
.top:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.top .logo{height:110px; float:left; display:table; position:relative; z-index:1; transition:all 0.5s;}
.top .logo a{display:table-cell; vertical-align:middle;}
.top .logo img{transition:all 0.5s;}

.top .zyw{float:right; margin-top:35px; position:relative; z-index:1; transition:all 0.5s;}
.top .zyw ul{overflow:hidden; margin-left:-6px;}
.top .zyw ul li{width:40px; height:40px; overflow:hidden; float:left; font-size:16px; line-height:40px; font-weight:bold; text-align:center; margin-left:6px; border-radius:100%; background:#eaeaea;}
.top .zyw ul li a{margin-top:1px; display:block;}
.top .zyw ul li.s{background:#1163cc;}
.top .zyw ul li.s a{color:#fff;}

.top .sousuo{height:110px; float:right; display:table; margin-right:50px; cursor:pointer; transition:all 0.5s; position:relative;}
.top .sousuo .sousuo_an{display:table-cell; vertical-align:middle;}
.top .sousuo .ssk_bj{width:350px; box-shadow:0 0 4px rgba(0,0,0,0.2); opacity:0; visibility:hidden; position:absolute; right:-60px; top:120px; z-index:1; transition:all 0.5s;}
.top .sousuo .ssk{width:100%; overflow:hidden;}
.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; cursor:pointer; background:#1163cc;}
.top .sousuo .ssk_bj.p-show{right:0; opacity:1; visibility:visible;}

.top .top_dh{float:right; 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; overflow:hidden; font-size:16px; line-height:110px; margin-right:50px; padding:0 2px; position:relative;}
.top .top_dh ul li:hover{overflow:visible;}
.top .top_dh ul li:after{content:""; width:0; height:3px; transform:translateX(-50%); background:#1163cc; position:absolute; bottom:0px; left:50%; z-index:3; transition:all 0.5s;}
.top .top_dh ul li:hover:after{width:100%;}
.top .top_dh ul li.s:after{width:100%; z-index:1;}
.top .top_dh ul li.s:hover:after{z-index:3;}
.top .top_dh ul li.s a{color:#1163cc;}


/*banner*/
.banner_bj{width:100%; height:100%;}
.block_home_slider{width:100%; height:100%; line-height:0px; text-align:center; position:fixed; top:0; left:0;}
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:40px; height:40px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.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:#ccc; text-indent:-9000px; cursor:pointer; border-radius:8px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:30px; 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;}


.dkj{width:100%; background:#fff; position:relative; z-index:1;}



/*产品中心*/
.cpzs_bj{width:100%; padding:90px 0; background:#fff;}
.cpzs_bj .sy_bt .sy_bt_more a{width:auto; display:block; color:#fff; line-height:44px; padding:0 26px; border-radius:300px; background:#1163cc;}
.cpzs ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpzs ul li{width:23%; float:left; margin-top:2%; margin-left:2%;}
.cpzs ul li .cpzs_img{overflow:hidden; border:1px #dedede solid; border-bottom:none; transition:all 0.5s;}
.cpzs ul li:hover .cpzs_img{border:1px #1163cc solid; border-bottom:none;}
.cpzs ul li .cpzs_img img{transition:all 0.5s;}
.cpzs ul li:hover .cpzs_img img{transform:scale(1.1);}
.cpzs ul li .cpzs_wb{padding:10px 14px; border:1px #dedede solid; transition:all 0.5s;}
.cpzs ul li:hover .cpzs_wb{border:1px #1163cc solid; background:#1163cc;}
.cpzs ul li .cpzs_wb .cpzs_wb_t{font-size:15px; transition:all 0.5s;}
.cpzs ul li:hover .cpzs_wb .cpzs_wb_t{color:#fff;}
.cpzs ul li .cpzs_wb .cpzs_wb_b{color:#888; margin-top:4px; transition:all 0.5s;}
.cpzs ul li:hover .cpzs_wb .cpzs_wb_b{color:#7eb2f5;}



/*关于我们*/
.gsjs_bj{width:100%; padding-top:90px; padding-bottom:180px; background:#fafafa url(../images/gsjs_bj.jpg) left bottom no-repeat;}
.gsjs .gsjs_wb{width:620px; float:right;}
.gsjs .gsjs_wb .gsjs_wb_gg{font-size:18px; font-weight:bold; margin-top:56px;}
.gsjs .gsjs_wb .gsjs_wb_wz{font-size:16px; line-height:30px; margin-top:32px;}
.gsjs .gsjs_wb .gsjs_wb_more{margin-top:72px;}
.gsjs .gsjs_wb .gsjs_wb_more a{width:140px; display:inline-block; color:#fff; line-height:44px; text-align:center; border-radius:300px; background:#1163cc;}



/*新闻发布*/
.xwfb_bj{width:100%; padding:90px 0; background: url(../images/xwfb_bj.jpg) bottom center no-repeat; }
.xwfb ul{overflow:hidden; margin-top:-1%; margin-left:-1%;}
.xwfb ul li{width:49%; float:left; margin-top:1%; margin-left:1%; overflow:hidden; padding:16px 30px; padding-top:22px; background:#eaeaea; transition:all 0.5s;}
.xwfb ul li:hover{background:#1163cc;}
.xwfb ul li .xwfb_wb{width:calc(100% - 110px); float:left;}
.xwfb ul li .xwfb_wb .xwfb_wb_t{font-size:17px; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; transition:all 0.5s;}
.xwfb ul li:hover .xwfb_wb .xwfb_wb_t{color:#fff;}
.xwfb ul li .xwfb_wb .xwfb_wb_b{color:#777; line-height:24px; margin-top:10px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.5s;}
.xwfb ul li:hover .xwfb_wb .xwfb_wb_b{color:#adc9ec;}
.xwfb ul li .xwfb_rq{float:right; text-align:center; padding:7px 0; padding-left:22px; border-left:1px #ccc solid; transition:all 0.5s;}
.xwfb ul li .xwfb_rq .xwfb_rq_t{font-size:36px; line-height:30px; font-weight:bold; transition:all 0.5s;}
.xwfb ul li:hover .xwfb_rq .xwfb_rq_t{color:#fff;}
.xwfb ul li .xwfb_rq .xwfb_rq_b{font-size:16px; line-height:16px; margin-top:12px; transition:all 0.5s;}
.xwfb ul li:hover .xwfb_rq .xwfb_rq_b{color:#fff;}



/*合作伙伴*/
.sy_hzhb_bj{width:100%; padding:80px 0; padding-top:90px; background:#f4f4f4;}
.sy_hzhb_bj .sy_bt{margin-bottom:40px;}
.sy_hzhb{position:relative;}
.sy_hzhb .item{width:92%; height:110px; display:table; text-align:center; margin:0 4%; border-radius:6px; border:1px #eaeaea solid; background:#fff; position:relative; transition:all 0.5s;}
.sy_hzhb .item:hover{transform:translateY(-10px); box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.sy_hzhb .item a{display:table-cell; vertical-align:middle;}

.sy_hzhb .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.sy_hzhb{display:none; width: 100%;-ms-touch-action:pan-y;}
.sy_hzhb .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.sy_hzhb .owl-wrapper-outer{overflow: hidden;width: 100%;}
.sy_hzhb .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;}
.sy_hzhb .owl-item{float: left; padding:10px 0;}
.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*/
.sy_hzhb .owl-wrapper,
.sy_hzhb .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);}

.sy_hzhb .owl-controls{width:100%; z-index:11;}
.sy_hzhb .owl-controls .owl-buttons div{width:46px; height:46px; font-size:12px; text-indent:-9999px; border-radius:100%; position:absolute; top:-100px; transition:0.5s;}
.sy_hzhb .owl-controls .owl-buttons .owl-prev{background:#bbbbbb url(../images/hzhb_jt1.png) center no-repeat; right:56px;}
.sy_hzhb .owl-controls .owl-buttons .owl-prev:hover{background:#1163cc url(../images/hzhb_jt1.png) center no-repeat;}
.sy_hzhb .owl-controls .owl-buttons .owl-next{background:#bbbbbb url(../images/hzhb_jt2.png) center no-repeat; right:0;}
.sy_hzhb .owl-controls .owl-buttons .owl-next:hover{background:#1163cc url(../images/hzhb_jt2.png) center no-repeat;}
.sy_hzhb .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.sy_hzhb .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.sy_hzhb .owl-controls .owl-page span{display: block;width:14px; height:14px; border:3px #fff solid; margin:0 12px; border-radius:100px; background:#999; transition:all 0.5s;}
.sy_hzhb .owl-controls .owl-page.active span,
.sy_hzhb .owl-controls.clickable .owl-page:hover span{ border:2px #194f9d solid; background:#fff;}
.sy_hzhb .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;}
.sy_hzhb .loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.sy_hzhb .owl-pagination{width:100%; height:14px; text-align:center; margin-top:80px; display:none;}



.db_bj{width:100%; padding-top:90px; background:url(../images/db_bj.jpg) center no-repeat;}
.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_l .db_t_l_sj{color:#fff; font-size:20px; font-weight:bold; margin-top:0;}
.db .db_t .db_t_l .db_t_l_sj span{font-size:29px; letter-spacing:3px}
.db .db_t .db_t_m{float:right;}
.db .db_t .db_t_m .db_dh{float:left; margin-right:74px;}
.db .db_t .db_t_m .db_dh:nth-child(1){margin-left:0;}
.db .db_t .db_t_m .db_dh .db_dh_bt{color:#fff; font-size:16px; margin-bottom:30px;}
.db .db_t .db_t_m .db_dh ul li{font-size:14px; margin-top:12px;}
.db .db_t .db_t_m .db_dh ul li a{color:#999;}
.db .db_t .db_t_r{width:150px; float:right; text-align:center;}
.db .db_t .db_t_r .db_b_r_wz{color:#fff; font-size:16px; margin-top:6px;}

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

.db_bah_bj{width:100%; margin-top:110px; padding:20px 0; border-top:1px rgba(255,255,255,0.2) solid;}
.db_bah{text-align:center; color:#fff; line-height:20px;}



/*ny_banner*/
.ny_banner_bjj{width:100%; position:relative;}
.ny_banner_bj{width:100%; padding:100px 0; background:#eee;}
.ny_banner{overflow:hidden;}
.ny_banner .ny_banner_bt{font-size:36px; line-height:50px;}
.ny_banner .ny_banner_bt span{display:inline-block; padding-left:60px;}
.ny_banner .ny_banner_wb{font-size:20px; margin-top:10px;}
.ny_banner .ny_banner_wz{margin-top:30px;}
.ny_banner .ny_banner_wz ul{overflow:hidden;}
.ny_banner .ny_banner_wz ul li{float:left; 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;}
.ny_dh ul li{float:left; 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;}



/*合作伙伴*/
.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:110px; 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:60%;}



/*产品中心*/
.cpzx_bj{padding-top:60px; padding-bottom:90px;}
.cpzx_dh{width:280px; float:left;}
.cpzx_dh ul{overflow:hidden; margin-top:-4px;}
.cpzx_dh ul li{width:100%; margin-top:4px; border:1px #eaeaea solid; background:#f2f2f2; position:relative; transition:all 0.5s;}
.cpzx_dh ul li:hover{border:1px #1163cc solid;}
.cpzx_dh ul li:after{content:""; width:3px; height:18px; margin-top:-10px; border:1px #ccc solid; background:#ddd; position:absolute; top:50%; left:12px; z-index:1; transition:all 0.5s;}
.cpzx_dh ul li:hover:after{border:1px #bbb solid; background:#fff}
.cpzx_dh ul li:before{content:""; width:0px; height:100%; background:#1163cc; position:absolute; top:0; left:0; transition:all 0.5s;}
.cpzx_dh ul li:hover:before{width:100%;}
.cpzx_dh ul li a{display:block; font-size:15px; line-height:50px; padding:0 20px; padding-left:28px; position:relative; z-index:2;}
.cpzx_dh ul li:hover a{color:#fff;}
.cpzx_dh ul li.s{border:1px #1163cc solid;}
.cpzx_dh ul li.s:after{border:1px #bbb solid; background:#fff}
.cpzx_dh ul li.s:before{width:100%;}
.cpzx_dh ul li.s a{color:#fff;}


.cpzx_kj{width:calc(100% - 320px); float:right;}
.cpzx_kj ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpzx_kj ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%;}
.cpzx_kj ul li .cpzx_img{overflow:hidden; border:1px #dedede solid; border-bottom:none; transition:all 0.5s;}
.cpzx_kj ul li:hover .cpzx_img{border:1px #1163cc solid; border-bottom:none;}
.cpzx_kj ul li .cpzx_img img{transition:all 0.5s;}
.cpzx_kj ul li:hover .cpzx_img img{transform:scale(1.1);}
.cpzx_kj ul li .cpzx_wb{padding:10px 14px; border:1px #dedede solid; transition:all 0.5s;}
.cpzx_kj ul li:hover .cpzx_wb{border:1px #1163cc solid; background:#1163cc;}
.cpzx_kj ul li .cpzx_wb .cpzx_wb_t{font-size:15px; transition:all 0.5s;}
.cpzx_kj ul li:hover .cpzx_wb .cpzx_wb_t{color:#fff;}
.cpzx_kj ul li .cpzx_wb .cpzx_wb_b{color:#888; margin-top:4px; transition:all 0.5s;}
.cpzx_kj ul li:hover .cpzx_wb .cpzx_wb_b{color:#7eb2f5;}



/*产品详情*/
.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{color:#1163cc; font-size:24px;}
.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:32.33%; 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 .cpxq_b_dh ul li .cpxq_b_dh_xh{display:inline-block; padding-left:40px; background:url(../images/cpxq_b_dh_xh.png) left center no-repeat;}
.cpxq_b_b {margin-top:42px;}
.cpxq_b_b_kj{font-size:15px; line-height:24px; display:none;}



/*新闻资讯*/
.xwzx ul{margin-top:-25px;}
.xwzx ul li{overflow:hidden; padding:25px 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:140px; float:left;}
.xwzx ul li .xw_wb{width:calc(100% - 280px); float:right;}
.xwzx ul li .xw_bt{font-size:18px; margin-top:16px; 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_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;}



/*经典案例*/
.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:after{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:after{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;}



/*联系我们*/
.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:44px; color:#fff; line-height:46px; text-align:center; cursor:pointer; border:none; border-radius:300px; background:#1163cc;}