@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;}
body{ font-family:Arial, "微软雅黑"; font-size:14px; color:#666;}
ul, ol{ list-style:none;}
hr{ margin:20px 0; border:none; border-top:1px #d3d3d3 dotted;}
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{ font:100% Lao UI, sans-serif, "微软雅黑"; vertical-align:middle;}
a{ color:#666; text-decoration:none;}
.w1200{ width:1200px; margin:0 auto;}
.w1200:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0;}

/*欢迎光临*/
.hygl_bj{ wdith:100%; border-bottom:1px #eaeaea solid;}
.hygl{ line-height:44px;}
.hygl .hygl_wz{ float:left;}
.hygl .hygl_zyw{ float:right;}
.hygl .hygl_zyw a{ margin-left:6px;}
.hygl .hygl_zyw img{ margin-top:15px; margin-right:6px;}
/*欢迎光临*/

/*top*/
.top_bjj{width:100%; height:130px;}
.top_bj{width:100%; background:#fff;}
.top .logo{float:left; height:130px; display:table;}
.top .logo h1{display:table-cell; vertical-align:middle;}
.top .top_gg_bj{height:130px; float:left; display:table; margin-left:36px;}
.top .top_gg{display:table-cell; vertical-align:middle; font-size:28px; color:#2b2b2b; font-weight:bold;}
.top .top_rx_bj{height:130px; float:right; display:table;}
.top .top_rx{ display:table-cell; vertical-align:middle; padding-left:66px; background: url(../images/top_rx_dh.png) left center no-repeat;}
.top .top_rx .top_rx_m{color:#ce1720; font-size:21px; line-height:22px;}
.top .top_rx .top_rx_b{color:#ce1720; font-size:17px;}
.top .cxtong{ float:right; height:130px; display:table; margin:0 0 0 26px;}
.top .cxtong div{ display:table-cell; vertical-align:middle;}
.top .cxtong p{ font-size:16px; text-align:center; color:#2b2b2b; margin:2px 0 0 0;}
/*top*/

/*导航*/
.sy_dh_bj{ width:100%; background:#ce1720;}
.sy_dh ul{ overflow:hidden;}
.sy_dh ul li{ width:12.5%; float:left; line-height:56px; text-align:center; background:url(../images/top_dh_bj.png) right center no-repeat;}
.sy_dh ul li:last-child{ background:none;}
.sy_dh ul li:hover{ background:#2b2b2b;}
.sy_dh ul li:hover:last-child{ background:#2b2b2b;}
.sy_dh ul li a{ font-size:16px; color:#fff; transition:all 0.5s; display:block;}
.sy_dh ul li:hover a{ color:#fff;}
.sy_dh ul li.s{ background:#2b2b2b;}
.sy_dh ul li.s a{ color:#fff;}
/*导航*/

/*banner*/
.banner{ position:relative;}
.block_home_slider {position: relative;text-align: center;line-height: 0px;margin-right: auto;margin-left: auto;}  /*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:50px; height:50px; margin-top:-27px; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-repeat:no-repeat; background: url(../images/prev.png);}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px;  background-repeat:no-repeat; background: url(../images/next.png);}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:20px; 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:40px; height:6px; display:block; background-repeat:no-repeat; background:#fff; text-indent:-9000px; cursor:pointer; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active { background:#ce1720;}

.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}

.flexslider {margin: 0; padding: 0; height:600px;}
.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;}
/*banner*/

/*搜索*/
.sousuo_bj {width:100%;background:url(../images/sousuo_bj.jpg) center;}
.gjc_bj{width:620px; height:70px; float:left; display:table;}
.gjc{display:table-cell; vertical-align:middle;}
.sousuo_r_bj{ float:right; height:70px; display:table;}
.sousuo_r{ display:table-cell; vertical-align:middle;}
.sousuo_r_kj{overflow:hidden;padding:0 20px; border:1px #ccc solid; border-radius:0 20px 20px 0;}
.sousuo_r_l {width:280px; float:left; line-height:34px;}
.sousuo_r_l input{width:100%; color:#fff; line-height:34px; outline: none; border:none; background:none;}
.sousuo_r_r {width:34px; height:34px; float:right;}
/*搜索*/

/*首页标题*/
.sy_bt{width:100%; text-align:center;}
.sy_bt .sy_bt_t{color:#ce1720; font-size:24px;}
.sy_bt .sy_bt_m{font-size:26px;}
.sy_bt .sy_bt_b{width:36px; height:3px; margin:10px auto 40px auto; background:#ce1720;}
/*首页标题*/

/*产品展示*/
.cpzs{padding:70px 0;}
.cpzs ul{overflow:hidden; margin:-12px 0 0 -12px;}
.cpzs ul li{width:291px; float:left; overflow:hidden; margin:12px 0 0 12px;}
.cpzs ul li .cpzs_img{overflow:hidden; border:1px #eaeaea solid; position:relative;}
.cpzs ul li .cpzs_img .cpzs_fdj{width:100%; height:100%; background:url(../images/cpzs_fdj.png) center no-repeat; position:absolute; top:-100%; left:0; transition:all 0.5s;}
.cpzs ul li:hover .cpzs_img .cpzs_fdj{top:0;}
.cpzs ul li .cpzs_wb{width:100%; overflow:hidden; line-height:22px; text-align:center; padding:10px 6px; background:#2b2b2b; position:relative;}
.cpzs ul li .cpzs_wz_bj{width:100%; height:100%; background:#ce1720; position:absolute; bottom:0; left:-100%;  transition:all 0.5s;}
.cpzs ul li:hover .cpzs_wz_bj{left:0;}
.cpzs ul li .cpzs_wz{color:#fff; position:relative; transition:all 0.5s; height:44px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.cpzs ul li:hover .cpzs_wz{color:#fff;}
/*产品展示*/

/*广告*/
.sy_gg_bj{width:100%; background:url(../images/gg_bj.jpg);}
.sy_gg .sy_gg_l_bj{height:260px; float:left; display:table;}
.sy_gg .sy_gg_l{display:table-cell; vertical-align:middle; color:#ce1720; text-align:center;}
.sy_gg .sy_gg_l .sy_gg_l_t{font-size:34px; color:#000; text-shadow:0 2px 4px #ccc;}
.sy_gg .sy_gg_l .sy_gg_l_m{font-size:24px; margin-top:6px; padding:8px 6px; background:#ce1720; color:#fff;}
.sy_gg .sy_gg_l .sy_gg_l_b{font-size:15px; margin-top:6px; color:#666; text-shadow:0 2px 4px #ccc;}

.sy_gg .sy_gg_r_bj{height:260px; float:right; display:table;}
.sy_gg .sy_gg_r{display:table-cell; vertical-align:middle; color:#ce1720;}
.sy_gg .sy_gg_r .sy_gg_r_t a{display:inline-block; font-size:20px; line-height:38px; padding:0 48px; background:#fff; border-radius:6px;}
.sy_gg .sy_gg_r .sy_gg_r_m{font-size:16px; margin-top:10px;}
.sy_gg .sy_gg_r .sy_gg_r_b{font-size:34px; margin-top:6px;}
/*广告*/

/*优势*/
.sy_ys_bj{width:100%; padding:60px 0 70px 0; background:url(../images/sy_ys_bj.jpg) top center no-repeat;}
.sy_ys .sy_ys_btt{width:100%; text-align:center; position:relative;}
.sy_ys .sy_ys_bt_bj{width:100%; color:#eee; font-size:60px; position:absolute; top:10px; left:0;}
.sy_ys .sy_ys_bt{color:#000; font-size:32px; position:relative;}
.sy_ys .sy_ys_bt span{color:#ce1720; font-size:60px; padding:0 10px;}

.sy_ys ul{}
.sy_ys ul li{overflow:hidden; margin-top:70px;}
.sy_ys ul li .sy_ys_l{width:540px; float:left; padding-top:20px;}
.sy_ys ul li .sy_ys_l .sy_ys_l_bt{overflow:hidden; padding-bottom:12px;}
.sy_ys ul li .sy_ys_l .sy_ys_l_bt .sy_ys_l_bt_l{width:80px; float:left;}
.sy_ys ul li .sy_ys_l .sy_ys_l_bt .sy_ys_l_bt_r{width:calc(100% - 80px); float:right; margin:10px 0 0 0;}
.sy_ys ul li .sy_ys_l .sy_ys_l_bt .sy_ys_l_bt_r .sy_ys_l_bt_r_t{color:#ce1720; font-size:28px; line-height:28px;}
.sy_ys ul li .sy_ys_l .sy_ys_l_bt .sy_ys_l_bt_r .sy_ys_l_bt_r_b{font-size:18px; margin-top:4px; padding-left:54px; background:url(../images/sy_ys_l_bt_r_b.png) left center no-repeat;}
.sy_ys ul li .sy_ys_l .sy_ys_l_wz{font-size:15px; margin-top:15px; line-height:25px; padding-left:32px; background:url(../images/ys_wz.png) top left no-repeat;}
.sy_ys ul li .sy_ys_r{width:calc(100% - 590px); float:right; text-align:right;}
.sy_ys ul .sy_ys2 .sy_ys_l{float:right;}
.sy_ys ul .sy_ys2 .sy_ys_r{float:left; text-align:left;}
/*优势*/

/*公司介绍*/
.gsjs_bj{width:100%; padding:70px 0; background:url(../images/gsjs_bj.jpg);}
.gsjs .gsjs_l{width:390px; float:left;}
.gsjs .gsjs_r{width:calc(100% - 480px); float:right; margin-top:50px;}
.gsjs .gsjs_r .gsjs_r_bt .gsjs_r_bt_t{color:#ce1720; font-size:24px;}
.gsjs .gsjs_r .gsjs_r_bt .gsjs_r_bt_b{overflow:hidden;marign-top:4px; background:url(../images/gsjs_r_bt_b.jpg) center no-repeat;}
.gsjs .gsjs_r .gsjs_r_bt .gsjs_r_bt_b .gsjs_r_bt_b_l{float:left; font-size:26px; padding-right:8px; background:#fff; color:#2b2b2b;}
.gsjs .gsjs_r .gsjs_r_bt .gsjs_r_bt_b .gsjs_r_bt_b_r{float:right; margin-top:7px; padding-left:8px; background:#fff;}
.gsjs .gsjs_r .gsjs_r_bt .gsjs_r_bt_b .gsjs_r_bt_b_r a{display:inline-block; color:#fff; line-height:18px; padding:0 8px; border-radius:4px; background:#666;}
.gsjs .gsjs_r .gsjs_r_wz{font-size:15px; line-height:24px; margin-top:40px;}

.gsjs .gsjs_r_gcsb{margin-top:48px;}
.gsjs .gsjs_r_gcsb #democc{ overflow:hidden;}
.gsjs .gsjs_r_gcsb #democc #indemocc{ float:left; width:9999999%;}
.gsjs .gsjs_r_gcsb #democc #indemocc #demo1cc{ float:left;}
.gsjs .gsjs_r_gcsb #democc #indemocc #demo2cc{ float:left;}
.gsjs .gsjs_r_gcsb ul{ overflow:hidden;}
.gsjs .gsjs_r_gcsb ul li{width:160px; float:left; margin-left:13px; border:2px #ce1720 solid;}

.gsjs_ryzz{margin-top:50px;}
.gsjs_ryzz #democ{ overflow:hidden;}
.gsjs_ryzz #democ #indemoc{ float:left; width:9999999%;}
.gsjs_ryzz #democ #indemoc #demo1c{ float:left;}
.gsjs_ryzz #democ #indemoc #demo2c{ float:left;}
.gsjs_ryzz ul{ overflow:hidden;}
.gsjs_ryzz ul li{width:212px; float:left; margin-left:10px; border:6px #fff solid;}
/*公司介绍*/

/*新闻发布-留言*/
.xwfb_ly_bj{width:100%; padding:50px 0 70px 0; background:#fff;}
.xwfb_ly .xwfb{width:700px; float:left;}
.xwfb_ly .xwfb .xwfb_btt{overflow:hidden; font-size:18px; margin-bottom:30px; border-bottom:1px #ccc solid;}
.xwfb_ly .xwfb .xwfb_btt .xwfb_bt{ display:inline-block; line-height:50px; text-align:center; cursor: pointer;}
.xwfb_ly .xwfb .xwfb_btt .s{border-bottom:2px #ce1720 solid;}
.xwfb_ly .xwfb .xwfb_btt .xwfb_more{ float:right; margin-top:14px;}
.xwfb_ly .xwfb .xwfb_btt .xwfb_more a{display:inline-block; font-size:12px; line-height:18px; padding:0 12px; border:1px #848484 solid;}
.xwfb_ly .xwfb .xwfb_xkj{width:760px; height: 411px;}
.xwfb_ly .xwfb .xwfb_b .xwfb_kj{ display: none;}
.xwfb_ly .xwfb .xwfb_b dl{ overflow: hidden; margin: 0 0 0 -4%;}
.xwfb_ly .xwfb .xwfb_b dl dt{width:96%;overflow: hidden; margin:0 0 24px 4%;}
.xwfb_ly .xwfb .xwfb_b dl dt .xwfb_img{width:200px; float: left;}
.xwfb_ly .xwfb .xwfb_b dl dt .xwfb_wb{width:calc(100% - 234px); float:right;}
.xwfb_ly .xwfb .xwfb_b dl dt .xwfb_wb .xwfb_bt{ font-size: 15px;}
.xwfb_ly .xwfb .xwfb_b dl dt .xwfb_wb .xwfb_wz{color:#666; line-height:24px; margin-top:6px;}
.xwfb_ly .xwfb .xwfb_b dl dt .xwfb_wb .xwfb_more a{ line-height: 36px; margin-top:14px; color: #ce1720; display: inline-block; border:1px #ce1720 solid; padding:0 20px; }
.xwfb_ly .xwfb .xwfb_b dl dd{width:46%; float:left; line-height:40px; margin:12px 0 0 4%; background:#f3f3f3;}
.xwfb_ly .xwfb .xwfb_b dl dd .xwfb_sz{width:40px; float:left; color:#fff; font-size:18px; font-weight:bold; text-align:center; background:#ce1720;}
.xwfb_ly .xwfb .xwfb_b dl dd .xwfb_wz{width:calc(100% - 40px); float:right; padding:0 12px;}

.xwfb_ly .khly{width:320px; float:right;}
.xwfb_ly .khly .khly_btt{overflow:hidden; font-size:18px; margin-bottom:30px; border-bottom:1px #ccc solid;}
.xwfb_ly .khly .khly_btt .khly_bt{float:left; line-height:50px; text-align:center; cursor:pointer; border-bottom:2px #ce1720 solid;}
.xwfb_ly .khly .khly_btt .khly_more{float:right; margin-top:14px;}
.xwfb_ly .khly .khly_btt .khly_more a{display:inline-block; font-size:12px; line-height:18px; padding:0 12px; border:1px #848484 solid;}

.xwfb_ly .khly .khly_b ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.xwfb_ly .khly .khly_b ul li{width:100%; float:left; margin:0 0 16px 0;}
.xwfb_ly .khly .khly_b ul li .input_txt{width:100%; line-height:44px; padding:0 0 0 20px; border:1px #e4e4e4 solid; border-radius:4px; box-shadow:0 0 6px rgba(0,0,0,0.1) inset;}
.xwfb_ly .khly .khly_b ul li textarea{width:100%; height:120px; padding:10px 20px; border:1px #e4e4e4 solid; border-radius:4px; box-shadow:0 0 6px rgba(0,0,0,0.1) inset;}
.xwfb_ly .khly .khly_b .khly_b_more .input_btn{width:100%; line-height:42px; color:#fff; font-size:16px; text-align:center; border:none; border-radius:4px; background:#ce1720;}
/*新闻发布-留言*/

/*底部*/
.db_bj{width:100%; padding:70px 0 80px 0; background:url(../images/db_bj.jpg) bottom no-repeat;}
.db .db_rx{width:350px; float:left;}
.db .db_rx .db_rx_bt{ color:#fff; font-size:16px;}
.db .db_rx .db_rx_dh{ color:#ce1720; font-size:50px; font-family:"华文行楷"; margin-top:6px;}
.db .db_rx .db_erweima{ margin-top:14px; overflow:hidden;}
.db .db_rx .db_erweima .db_erweima1{width:150px; float:left; text-align:center;}
.db .db_rx .db_erweima .db_erweima1 .db_erweima_wz{ color:#fff; margin-top:10px;}
.db .db_rx .db_erweima .db_erweima2{width:150px; float:left; margin-left:24px; text-align:center;}
.db .db_rx .db_erweima .db_erweima2 .db_erweima_wz{ color:#fff; margin-top:10px;}
.db .db_r{width:670px; float:right;}
.db .db_r ul{overflow:hidden; margin:-8px 0 0 -16px;}
.db .db_r ul li{ float:left; margin:8px 0 0 16px; padding:0 16px 0 0; border-right:1px #fff solid;}
.db .db_r ul li:last-child{ border-right:0px;}
.db .db_r ul li a{color:#fff;}
.db .db_lx{color:#fff; line-height:32px; margin-top:52px;}

.bah_bj{width:100%; background:#ce1720}
.bah{color:#fff; font-size:14px; text-align:center; padding:18px 0px;}
.bah a{color:#fff;}
/*底部*/

/*内页banner*/
.ny_banner_bjj{width:100%; height:250px; display:table; text-align:center; overflow:hidden;}
.ny_banner_bjj .ny_banner_bj{width:100%; height:100%; display:table-cell; vertical-align:middle;}
.ny_banner_bjj .ny_banner_bj .ny_banner .ny_banner_bt{color:#333; font-size:28px; text-transform:Uppercase;}
.ny_banner_bjj .ny_banner_bj .ny_banner .ny_banner_bt span{ color:#ce1720;}
.ny_banner_bjj .ny_banner_bj .ny_banner .ny_banner_wz{width:100%; color:#000; margin-top:10px;}
.ny_banner_bjj .ny_banner_bj .ny_banner .ny_banner_wz a{ color:#666;}
.ny_banner_bjj .ny_banner_bj .ny_banner .ny_banner_wz a:hover{color:#ce1720;}
/*内页banner*/

/*内页导航*/
.ny_dh_bj{width:100%; background:#fff; border-bottom:1px solid #ebebeb;}
.ny_dh ul{overflow:hidden; text-align:center; z-index:99;}
.ny_dh ul li{ float:left; padding:20px 20px; transition:all 0.5s;}
.ny_dh ul li a{display:block; color:#747474; transition:all 0.5s;}
.ny_dh ul .s{ background:#ce1720;}
.ny_dh ul .s a{ color:#fff;}
.ny_dh ul li:hover{ background:#ce1720;}
.ny_dh ul li:hover a{ color:#fff;}
.ny_dh li ul{ position:absolute; text-align:left; margin:20px 0 0 -20px; background:#ce1720; display:none; width:198px;}
.ny_dh li:hover ul{ display:block; padding:0 0 4px 0;}
.ny_dh li ul li{ float:none; margin:0; display:block; padding-bottom:4px; padding:8px 0 8px 20px; border-bottom:#bf0d16 1px dashed;}
.ny_dh li ul li a{ display:block;}
.ny_dh li ul li a:hover{ color:#ccc;}
/*内页导航*/

/*内页框架*/
.ny_dbj{width:100%; background:#f1f1f1; padding:30px 0 0 0;}
.ny_bj{width:100%; background:#fff; border-top:1px solid #ebebeb; padding-bottom:80px;}
.ny_kj{padding:40px 0 0 0;} 
.ny_kj .ny_wb{line-height:26px;}
/*内页框架*/

/*内页标题*/
.ny_bt{width:100%;text-align:center; margin:0 0 40px 0; border-bottom:1px solid #e6e8ee;}
.ny_bt .ny_bt_t{font-size:24px; color:#333;}
.ny_bt .ny_bt_m{color:#a9a9a9; display:block;}
.ny_bt .ny_bt_b{width: 44px; height: 2px; margin:20px auto 0 auto; background:#ce1720;}
/*内页标题*/

/*荣誉资质*/
.honor{ width:100%; margin:0 auto;}
.honor ul{ overflow:hidden;}
.honor ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.honor ul li:nth-child(4n){ margin:0 0 2% 0;}
.honor ul li img{ width:100%;}
.honor ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.honor ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.honor ul li a:hover{ text-decoration:none; color:#ce1720;}
.honor ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#ce1720; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.honor ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.honor ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#ce1720; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.honor ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.honor ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#ce1720; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.honor ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.honor ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#ce1720; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.honor ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*合作客户*/
.clientele{ width:100%; margin:0 auto;}
.clientele ul{ overflow:hidden;}
.clientele ul li{ float:left; width:18.4%; margin:0 2% 2% 0; background:#fff; position:relative;}
.clientele ul li:nth-child(5n){ margin:0 0 2% 0;}
.clientele ul li a{ display:block; border:#ccc 1px solid; padding:5px; color:#525252;}
.clientele ul li a:hover{ text-decoration:none; color:#ce1720;}
.clientele ul li img{ width:100%;}
.clientele ul li em{ font-size:14px; line-height:24px; display:block; text-align:center; margin:5px 0 0 0;}
.clientele ul li:before{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#ce1720; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.clientele ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s;}
.clientele ul li:after{ content:""; width:0px; height:2px; visibility:hidden; transition:0.1s; background:#ce1720; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.clientele ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s;}
.clientele ul li i:before{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#ce1720; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.clientele ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s;}
.clientele ul li i:after{ content:""; width:2px; height:0px; visibility:hidden; transition:0.1s; background:#ce1720; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.clientele ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s;}

/*产品中心*/
.cpzx{ z-index:9;}
.cpzx ul{overflow:hidden; margin:-2% 0 0 -2%;}
.cpzx ul li{width:23%; float:left; overflow:hidden; margin:2% 0 0 2%;}
.cpzx ul li .cpzs_img{overflow:hidden; border:1px #eaeaea solid; position:relative;}
.cpzx ul li .cpzs_img .cpzs_fdj{width:100%; height:100%; background:url(../images/cpzs_fdj.png) center no-repeat; position:absolute; top:-100%; left:0; transition:all 0.5s;}
.cpzx ul li:hover .cpzs_img .cpzs_fdj{top:0;}
.cpzx ul li .cpzs_wb{width:100%; overflow:hidden; line-height:22px; text-align:center; padding:10px 6px; background:#444444; position:relative;}
.cpzx ul li .cpzs_wz_bj{width:100%; height:100%; background:#ce1720; position:absolute; bottom:0; left:-100%;  transition:all 0.5s;}
.cpzx ul li:hover .cpzs_wz_bj{left:0;}
.cpzx ul li .cpzs_wz{color:#fff; position:relative; transition:all 0.5s; height:44px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.cpzx ul li:hover .cpzs_wz{color:#fff;}
/*产品中心*/

/*产品详情*/
.cpxq_t:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.cpxq_t_l{ float:left; width:36%;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ max-width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0.5%; width:19%; height:82px; border:1px #eaeaea solid; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{ opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0; box-shadow:0 0 1px rgba(0,0,0,0.3);}
.sp-large a img{}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-zoom img{ max-width: none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {
	.sp-wrap{ margin:0 0 15px 0;}
	#sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}
}
.cpxq_t_r{ float:right; width:60%;}
.cpxq_t_r .cpxq_t_r_bt{font-size:24px; color:#444;}
.cpxq_t_r .cpxq_t_r_wb{color:#888; line-height:24px; margin:20px 0 0 0; padding:20px 0 0 0;  border-top:1px solid #eee;}
.cpxq_t_r .fh{ line-height:40px; margin-top:30px;}
.cpxq_t_r .fh a{display:inline-block; color:#fff; background:#ce1720; padding:0 15px;}

.cpxq_b{margin-top:40px;}
.cpxq_b_t{overflow:hidden; background:#f1f1f1; font-size:0;}
.cpxq_b_t a{display:inline-block; font-size:14px; line-height:50px; padding:0 30px; transition:all 0.5s;}
.cpxq_b_t a:hover{background:#ce1720; color:#fff;}
.cpxq_b_t .s{background:#ce1720; color:#fff;}
.pro_xx{ margin-top:20px;}
/*产品详情*/

/*新闻中心*/
.xwzx{}
.xwzx ul{}
.xwzx ul li{ overflow:hidden; padding:30px 0; position:relative;}
.xwzx ul li .xw_img{width:200px; float:left;}
.xwzx ul li .xw_img img{max-height:120px;}
.xwzx ul li .xw_wb{width:calc(100% - 250px); float:right;}
.xwzx ul li .xw_bt{font-size:17px; margin-top:9px; 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{ color:#848484; margin-top:16px; line-height:20px; height:40px; 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:#999;}

.xwzx ul li .xwzx_x{width:100%; height:1px; background:#eaeaea; position:absolute; bottom:0; left:0;}
.xwzx ul li .xwzx_xx{width:0%; height:1px; background:#ce1720; position:absolute; bottom:0; left:0; transition:all 0.5s;}
.xwzx ul li:hover .xwzx_xx{width:100%;}

.xw_xq{padding-bottom:20px; margin-bottom:40px; border-bottom:1px #ccc dotted;}
.xw_xq .xw_xq_bt{ font-size:17px;}
.xw_xq .xw_xq_rq{ margin-top:20px; font-size:13px;}
.xw_xq .xw_xq_rq span{ color:#999}

.xw_more{margin-top:40px;}
.xw_more a{display:inline-block; line-height:40px; padding:0 16px; color:#fff; background:#ce1720;}

.xwxq_sxp{width:100%; overflow:hidden; margin:30px 0 0 0;}
.xwxq_sxp a{display:block; margin-bottom:10px; transition: all 0.7s;}
.xwxq_sxp a:hover{color:#ce1720;}
.xwxq_sxp a span{ font-weight: bold; color:#444;}
/*新闻中心*/

/*案例中心*/
.case{ width:100%; margin:0 auto;}
.case ul{ overflow:hidden;}
.case ul li{ float:left; width:23.2%; margin:0 2.4% 2.4% 0; overflow:hidden; position:relative;}
.case ul li:nth-child(4n){ margin:0 0 2.4% 0;}
.case ul li img{ width:100%; transition:All 0.2s;}
.case ul li:hover img{ transform:scale(1.05);}
.case ul li .case_hover{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:8; background:rgba(0,0,0,.6);}
.case ul li:hover .case_hover{ display:block;}
.case ul li:hover .case_hover .case_table{ display:table; height:100%; width:100%;}
.case ul li:hover .case_hover .case_table_k{ display:table-cell; vertical-align:middle; padding:0 4%;}
.case ul li .case_hover .case_biaoti{ font-size:16px; line-height:28px; font-weight:bold; color:#fff; text-align:center; margin-bottom:4%;}
.case ul li .case_hover .case_more{ width:132px; margin:16px auto 0 auto; overflow:hidden;}
.case ul li .case_hover .case_more a{ border:#fff 1px solid; display:block; font-size:14px; color:#fff; border-radius:15px; line-height:30px; text-align:center; text-transform:uppercase;}
.case ul li .case_hover .case_more a:hover{ text-decoration:none; background:#fff; color:#ce1720;}

/*服务支持*/
.download{ width:100%; margin:0 auto;}
.download ul{ overflow:hidden;}
.download ul li{ border-bottom:#ddd 1px dotted; overflow:hidden; padding:12px 0; position:relative;}
.download ul li a{ font-size:14px; color:#666;; line-height:20px; float:left;}
.download ul li a:hover{ color:#ce1720;}
.download ul li em{ float:right; font-size:14px; color:#666;; line-height:20px;}
.download ul li font{ position:absolute; top:9px; right:62px;}
.download ul li font img{ width:36px; height:26px;}

/*联系方式*/
.lxfs{overflow:hidden; position:relative;}
.lxfs .lxfs_wz{width:40%;line-height:26px; color:#444; padding:20px 40px 20px 0;}
.lxfs .lxfs_dt{width:60%; height:100%; position:absolute; right:0; top:0;}
/*联系方式*/

/*客户留言*/
.zxly ul{ margin:0 0 0 -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; margin:0 0 1% 1%; border:1px #ededed solid;}
.zxly ul li .input_txt{width:100%; border:none; padding:0 0 0 20px;line-height:46px; background:#f3f3f3;}
.zxly ul .textarea{width:99%; margin:0 0 0 1%;}
.zxly ul li textarea{width:100%; height:200px; border:none; padding:10px 20px;background:#f3f3f3;}
.zxly .more{width:140px; overflow:hidden; margin:0 auto; margin-top:40px;}
.zxly .more .input_btn{width:140px; height:40px; text-align:center; margin:0 auto; background:#ce1720; font-size:16px; border:none; color:#fff;}
/*客户留言*/

#fdkf_jt{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:300px;right:180px;z-index:10000;}
#fdkf_jt a{display:none;height:45px;}
#fdkf_dkj{width:180px;position:fixed;top:300px;right:0px;z-index:10;}
#fdkf_dkj .fdkf_bt{width:100%;height:45px;line-height:45px; background:#2b2b2b;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#fdkf_dkj .fdkf_kj{padding:14px; background:#fff; border-left:1px #eaeaea solid; border-bottom:1px #eaeaea solid;}
#fdkf_dkj .fdkf_kj .fdkf_qq li{height:45px;line-height:45px;font-size:15px;}
#fdkf_dkj .fdkf_kj .fdkf_qq li img{margin-top:5px}
#fdkf_dkj .fdkf_kj .fdkf_erweima{text-align:center; margin-top:20px;}