﻿*{margin:0;padding:0;}
body{background:#fff; font:12px/22px "SimSun","Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }

.wrap{ max-width:1000px !important; margin:0 auto;}

header{width:100%;overflow:hidden;}
.header{width:100%; height:85px; float:left; background:#1d2124; position:fixed;left:0;top:0; z-index:9999;}
.header .logo{width:40%; float:left;}
.header .logo img{width:100%; max-width:355px; height:85px;display:block;}

nav{width:60%;float:right; height:85px;}
nav ul{width:100%;float:left;}
nav ul li{width:12.5%; float:left;}
nav ul li a{ display:block; height:85px; line-height:85px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#fff;transition:all 0.3s;}
nav ul li a span{ border-bottom:2px solid #1d2124;transition:all 0.3s;}
nav ul li a:hover span{ color:#fff; border-bottom:2px solid #fe5574;}
nav ul .on a span{ color:#fff; border-bottom:2px solid #fe5574;}

.nav_sub{width:100%; line-height:46px; text-align:center; overflow:hidden;background:rgba(255, 118, 29, 0.5) none repeat scroll 0 0 !important; background-color:#ff761d; position:absolute;left:0;top:90px; z-index:0; opacity:0; transition:all 0.3s;}
.nav_sub li{ display:block; overflow:hidden;}
.nav_sub li a{ display:block;font-family:"Microsoft YaHei"; font-size:12px; color:#fff;}
.nav_sub li a:hover{background:rgba(255, 118, 29, 0.5) none repeat scroll 0 0 !important; background-color:#ff761d;  color:#fff;}
nav ul li:hover .nav_sub{z-index:999; opacity:1;}

/*banner*/
.bannerbox{width:100%; height:730px; transition:all 1s; overflow:hidden; position:relative;float:left;}
#banner{width:100%; height:730px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:730px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image ul{position:absolute;top:0;left:0;width:9999px;overflow:hidden;}
#banner .main_image li a{display:block;}
#banner .main_image li span{display:block;width:100%;height:730px ;transition:all 1s;}
#banner .main_image li .img_1{background:url(../images/banner1.jpg) no-repeat center center; background-size: cover;}
#banner .main_image li .img_2{background:url(../images/banner2.jpg) no-repeat center center; background-size: cover;}
#banner .main_image li .img_3{background:url(../images/banner3.jpg) no-repeat center center; background-size: cover;}
#banner div.flicking_con{position:absolute;bottom:8px;left:0;z-index:999;width:100%; text-align:center;}
#banner div.flicking_con a{ display:inline-table; width:32px;height:6px; margin:0 5px;padding:0;background:url(../images/banner_li.jpg) no-repeat center center;text-indent:-1000px}
#banner div.flicking_con a.on{background:#fcac00;}
#banner #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:29px!important;height:29px!important;top:50%;margin-top:-30px;display:none; transition:all 0.5s;}
#banner #btn_prev{background:url(../images/main_btn_arrow_lr.png) no-repeat left bottom;left:20px;}
#banner #btn_prev:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right bottom;}
#banner #btn_next{background:url(../images/main_btn_arrow_lr.png) no-repeat left top;right:20px;}
#banner #btn_next:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right top;}

/*移动端*/
 #content1 {padding:0px;float:left;width:100%;}
 .slideBox {position:relative;overflow:hidden;margin:0px auto;max-width:100%;/* 设置焦点图最大宽度 */}
 .slideBox .hd {position:absolute;height:28px;line-height:28px;bottom:0;right:0;z-index:1;}
 .slideBox .hd li {display:inline-block;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#333;text-indent:-9999px;overflow:hidden;margin:0 6px 0 6px;}
 .slideBox .hd li.on {background:#fff;}
 .slideBox .bd {position:relative;z-index:0;}
 .slideBox .bd li {position:relative;text-align:center;}
 .slideBox .bd li img {background:url(images/loading.gif) center center no-repeat;vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
 .slideBox .bd li a {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}  /* 去掉链接触摸高亮 */
 .slideBox .bd li .tit {display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:28px;background:url(images/focusBg.png) repeat-x;color:#fff;text-align:left;}

main{width:100%; overflow:hidden;}
.zxcp{width:100%; overflow:hidden; padding-top:22px;}
.zxcp_title{ display:block; overflow:hidden; text-align:center;}
.zxcp_p{ display:block; height:38px; line-height:38px; overflow:hidden; font-family:Arial; font-size:30px; color:#2f2f2f;text-transform:uppercase;}
.zxcp_sp{ display:block; height:44px; line-height:44px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:30px; color:#fe5574; font-weight:bold; background:url(../images/heng1.png) no-repeat center center;}
.zxcp_txt{ display:block; height:28px; line-height:28px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#6b6b6b;}
.zxcp_contect{ display:block; padding-top:18px; overflow:hidden;}
.zxcp_L{width:325px;float:left; border:1px solid #e5e5e5; border-bottom-width:2px; border-top-width:2px; position:relative;}
/*响应式轮播图*/
#responsive-shuffling { width:100%;height:100%;}
#responsive-shuffling .swiper-slide {width:100%; position:relative;}
#responsive-shuffling .swiper-slide .zxcp_img1{width:100%; overflow:hidden; position:relative;}
.sub_hover{width:100%; height:100%;background:rgba(254, 85, 116, 0.6) none repeat scroll 0 0 !important; background-color:#fe5574; position:absolute;left:0;bottom:-100%; z-index:5;transition:all 0.3s;text-align:center;}
.sub_hover span{ position:absolute;left:50%;top:50%; margin:-25px 0 0 -50px;width:100px; height:50px; border:1px solid #fff;}
.sub_hover span b{ display:inline-block; font-size:30px; color:#fff; line-height:50px;}
#responsive-shuffling .swiper-slide .zxcp_img1:hover .sub_hover{ bottom:0;}
.swiper-button-next{right:0; width:51px; height:90px; background:url(../images/zxcp_right.png) no-repeat 0 0; overflow:hidden; opacity:1; margin-top:-25px;}
.swiper-button-prev{left:0; width:51px; height:90px; background:url(../images/zxcp_left.png) no-repeat 100% 0; overflow:hidden; opacity:1;margin-top:-25px;}
#responsive-shuffling:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ display:block;}
#responsive-shuffling:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ display:block;}
.zxcp_R{width:675px;float:left;}
.zxcp_R li{width:310px;float:left; margin:0 0 26px 17px; border:1px solid #e6e6e6; padding:4px;transition:all 0.3s;}
.zxcp_R li .zxcp_img2{width:100%; overflow:hidden; position:relative;}
.zxcp_R li .zxcp_sp1{ display:block; height:30px; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; color:#222222; font-size:15px; text-indent:10px;}
.zxcp_R li:hover{ border-color:#fe5576;}
.zxcp_R li:hover .sub_hover{ bottom:0;}

.cpzs{width:100%; overflow:hidden; padding-top:11px;}
.cpzs_ul{ display:block; width:1012px; overflow:hidden; padding-top:17px;}
.cpzs_ul li{width:241px;float:left; margin:0 12px 10px 0; border:1px solid #e6e6e6; padding:4px;transition:all 0.3s;}
.cpzs_ul li .cpzs_img{width:100%; overflow:hidden; position:relative;}
.cpzs_ul li .cpzs_sp{ display:block; height:30px; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; color:#222222; font-size:15px; text-indent:10px;}
.cpzs_ul li:hover{ border-color:#fe5576;}
.cpzs_ul li:hover .sub_hover{ bottom:0;}

.case{width:100%; overflow:hidden; padding-top:29px;}
.case_img1{width:100%; overflow:hidden; padding:3px; border:1px solid #e6e6e6; margin-top:15px;}
.case_img1 img{width:100%; display:block;}
.case_contect{ display:block; padding-top:11px; overflow:hidden;}
/*响应式轮播图*/
#responsive-shuffling1 { width:100%;height:100%;}
#responsive-shuffling1 .swiper-slide {width:100%; padding:9px 10px; border:1px solid #e6e6e6; position:relative;}
#responsive-shuffling1 .swiper-slide .case_img2{width:100%; overflow:hidden; position:relative;}
#responsive-shuffling1 .swiper-slide .case_img2:hover .sub_hover{ bottom:0;}

.news{width:100%; overflow:hidden; padding:24px 0 22px 0;}
.news_ul{ display:block; padding-top:16px; overflow:hidden;}
.news_ul li{width:49%;float:left; height:115px; overflow:hidden; margin:0 0.5% 15px 0.5%; position:relative;transition:all 0.3s;}
.news_ul li .news_img{width:150px;float:left; overflow:hidden; margin-right:18px;}
.news_ul li .news_img img{width:100%; display:block;}
.news_ul li .news_p{ display:block; height:30px; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:16px; color:#222222;transition:all 0.3s;}
.news_ul li .news_txt{ display:block; height:60px; line-height:20px; overflow:hidden; font-family:'Microsoft YaHei'; color:#666666;transition:all 0.3s;}
.news_ul li .news_more{width:7px; height:7px;float:left; position:absolute;right:-7px;bottom:-7px; z-index:9;transition:all 0.6s;}
.news_ul li .news_more img{ display:block;}
.news_ul li:hover{ background:#fe5574;}
.news_ul li:hover .news_p{ color:#f5f5f5;}
.news_ul li:hover .news_txt{ color:#f5f5f5;}
.news_ul li:hover .news_more{right:10px;bottom:12px;}
.news_more1{width:115px; height:40px; line-height:38px; text-align:center; overflow:hidden; margin:6px auto 0 auto; border:1px solid #fe5576;}
.news_more1 a{ display:block; font-family:'Microsoft YaHei'; font-size:14px; color:#fe5576; font-weight:bold;}

footer{width:100%; background:#000;overflow:hidden; padding:17px 0; text-align:center; line-height:26px; font-family:'Microsoft YaHei'; font-size:14px; color:#fff;}
footer a{color:#fff; margin:0 5px;}
footer a:hover{color:#fff; text-decoration:underline !important;}
/*手机底部导航*/
.hot{width:100%; height:68px; background:#000; position:fixed; bottom:0; left:0; z-index:99;}
.hot span{ color:#fff; font-size:16px; line-height:20px; padding-top:12px;}
.hot h6{ font-size:14px; line-height:26px; font-family:'Microsoft YaHei'; color:#fff;}
.hot .row div a{ display:block; color:#fff; padding:5px 0; margin-top:9px;}
.hot .row div:hover{ background:#fe5574;}

/*公司简介*/
.main{width:100%; overflow:hidden; padding:30px 0;}
.main_left{width:230px;float:left;}
.about{width:100%;float:left; margin-bottom:10px;}
.about_title{ display:block; height:42px; line-height:42px; overflow:hidden; background:#000; color:#fff; font-family:'Microsoft YaHei'; font-size:20px; text-align:center;}
.about_img{ display:block; overflow:hidden;}
.about_img img{width:100%; display:block;}
.about_title1{ display:block; height:36px; line-height:35px; border-bottom:1px solid #bebebe; overflow:hidden;}
.about_p{ float:left; font-size:16px; font-family:'Microsoft YaHei'; color:#333333;}
.about_sp{ float:left; font-family:Arial; color:#999999; font-size:14px; text-transform:uppercase; text-indent:5px; padding-top:2px;}
.about_txt{ display:block; line-height:26px; color:#333333; overflow:hidden; font-size:14px; font-family:'Microsoft YaHei';padding-top:10px;}
.about_txt span{ color:#222222; font-weight:bold;}

.main_right{width:747px;float:right;}
.dqwz_title{width:100%; height:42px; line-height:42px; border-bottom:1px solid #ccc; overflow:hidden;}
.dqwz_p{float:left; font-family:'Microsoft YaHei'; font-size:16px; color:#222222;}
.dqwz_nav{float:right; font-family:'Microsoft YaHei'; font-size:13px; color:#222222; background:url(../images/dqwz_logo.jpg) no-repeat left center; text-indent:18px;}
.dqwz_contect{width:100%; overflow:hidden;}
.company{ display:block; padding:25px 20px; overflow:hidden;}
.company_img{width:100%; overflow:hidden; margin-bottom:15px;}
.company_img img{width:100%; display:block;}
.company_txt{ display:block; line-height:24px; font-family:'Microsoft YaHei'; font-size:14px; color:#222222; overflow:hidden;}
.company_txt img{max-width:100%;border:0;}
/*产品展示*/
.about_ul{ display:block; padding-top:2px; overflow:hidden;}
.about_ul li{ display:block; height:34px; overflow:hidden; margin-bottom:2px;}
.about_ul li a{ display:block; height:34px; line-height:34px; overflow:hidden; background:url(../images/about_jiantou1.jpg) no-repeat 23px center #e3e3e3; text-indent:60px; font-family:'Microsoft YaHei'; font-size:15px; color:#222222; transition:all 0.3s;}
.about_ul li a:hover,.about_ul li.on a{ background:url(../images/about_jiantou2.jpg) no-repeat 23px center #fe5574; color:#fff;}
.dl1{ display:none; padding:8px 0 6px 0; overflow:hidden;}
.dl1 dd{ display:block; height:32px; overflow:hidden; margin-bottom:4px;}
.dl1 dd a{ display:block; height:32px; line-height:28px; text-align:center; border:2px solid #a7a7a7; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#222222;  transition:all 0.3s;}
.dl1 dd a:hover,.dl1 dd.on a{ border-color:#fe5574;}

.cpzs_ul1{ display:block; width:759px; overflow:hidden; padding-top:17px;}
.cpzs_ul1 li{width:241px;float:left; margin:0 12px 20px 0; border:1px solid #e6e6e6; padding:4px;transition:all 0.3s;}
.cpzs_ul1 li .cpzs_img{width:100%; overflow:hidden; position:relative;}
.cpzs_ul1 li .cpzs_sp{ display:block; height:30px; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; color:#222222; font-size:15px; text-indent:10px;}
.cpzs_ul1 li:hover{ border-color:#fe5576;}
.cpzs_ul1 li:hover .sub_hover{ bottom:0;}

.cpxq{ display:block; padding:25px 0; overflow:hidden;}
.cpxq_p{ display:block;height:50px; line-height:50px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:20px; color:#222222;}
.cpxq_img{ display:block; overflow:hidden;}
.cpxq_img img{display:block;width:100%; max-width:231px; margin:0 auto;}

/*案例展示*/
.case_ul{ display:block;width:756px; padding:20px 0; overflow:hidden;}
.case_ul li{width:180px; float:left; padding:9px 10px; border:1px solid #e6e6e6; overflow:hidden; margin:0 9px 20px 0; }
.case_ul li .case_img2{width:100%; overflow:hidden; position:relative;}
.case_ul li .case_img2:hover .sub_hover{ bottom:0;}

/*新闻发布*/
.xw{ display:block; padding:20px 0; overflow:hidden;}
.xw li{ display:block; margin-bottom:20px; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #ccc;}
.xw li .xw_img{width:160px;float:left; margin-right:30px;}
.xw li .xw_img img{width:100%; display:block;}
.xw li .xw_p{ display:block; height:24px; line-height:24px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:16px; color:#222222; font-weight:bold;}
.xw li .xw_txt{ display:block; line-height:24px; font-family:'Microsoft YaHei'; font-size:13px; color:#222222;}
.xw li .xw_txt .xw_more{ display:block;}

.xwxq{ display:block; padding:15px 0; overflow:hidden;}
.xwxq_p{ display:block; height:40px; line-height:40px; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:20px; color:#333333;}
.xwxq_sp{ display:block; line-height:30px; overflow:hidden; text-align:center; color:#333333;}
.xwxq_sp a{color:#333333;}
.xwxq_sp a:hover{color:#f00;}
.xwxq_txt{ display:block; line-height:26px; color:#333333; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; padding-top:15px;}

/*在线留言*/
.zxly{width:100%; max-width:380px; overflow:hidden; margin:20px auto;}
.zxly_B{ display:block; margin-bottom:10px; overflow:hidden;}
.zxly_p{width:85px;float:left; height:20px; line-height:20px; color:#333333;}
.zxly_inp1{width:295px;float:left; height:20px; line-height:18px; border:1px solid #7f9db9; padding:0 10px;color:#333333;}
.zxly_inp2{width:295px;float:left; height:146px; line-height:22px; border:1px solid #7f9db9; padding:2px 5px;color:#333333;}
.zxly_B1{ display:block; margin-top:15px; overflow:hidden; text-align:center;}
.zxly_btn1{width:100px; height:32px; display:inline-table; border-radius:5px; background:#737373; margin:0 15px; font-family:'Microsoft YaHei'; font-size:15px; color:#fff;}
.zxly_btn2{ background:#fe5574;}

/*联系我们*/
.contact{ display:block; padding:20px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; line-height:26px; color:#222222;}
.contact img{float:left; margin-right:20px;}


@media (max-width:1199px){
/*banner*/
.bannerbox{width:100%; height:610px; transition:all 1s; overflow:hidden;}
#banner{ height:610px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:610px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image li span{display:block;width:100%;height:610px;transition:all 1s;}



}

@media (max-width:991px){
.header .icon-menu{float:right; margin-right:15px;font-size:40px;color:#fff; cursor:pointer; height:85px; line-height:85px;}
.header .sjdnav{ width:150px; height:auto; position:absolute;right:0; top:85px;z-index:9999;background:rgba(17, 17, 17, 0.7) none repeat scroll 0 0 !important; background-color:#111111;}
.header .sjdnav ul{ padding:0; margin:0;}
.header .sjdnav li{ height:38px;display:block; padding:0; border-bottom:1px solid #fff; text-align:center;}
.header .sjdnav li a{display:block; color:#fff; line-height:38px; font-family:'Microsoft YaHei'; font-size:14px; }
.header .sjdnav li a:hover{background:#111111; color:#fff;}
.header .sjdnavhide{ height:0; overflow:hidden;}	
.header .logo{ margin-left:15px; padding-left:0;}

/*banner*/
.bannerbox{width:100%; height:505px; transition:all 1s; overflow:hidden;}
#banner{ height:505px;position:relative;overflow:hidden; transition:all 1s;}
#banner .main_image{ height:505px;position:relative;overflow:hidden;transition:all 1s;}
#banner .main_image li span{display:block;width:100%;height:505px;transition:all 1s;}

.zxcp{padding:22px 1% 0 1%;}
.zxcp_L{width:100%;}
.zxcp_R{width:100%; margin-top:20px;}
.zxcp_R li{width:48%;float:left; margin:0 1% 26px 1%;}

.cpzs{padding:11px 1% 0 1%;}
.cpzs_ul{ width:100%;}
.cpzs_ul li{width:31.3%;float:left; margin:0 1% 10px 1%; }

.case{padding:25px 1% 0 1%;}

.news{padding:20px 1%;}
.news_ul li .news_img{margin-right:10px;}

/*公司简介*/
.main{padding:20px 1%;}
.main_left{width:30%;float:left;}
.main_right{width:68%;float:right;}
.company{ display:block; padding:20px 0; overflow:hidden;}

/*产品展示*/
.cpzs_ul1{width:100%;}
.cpzs_ul1 li{width:48%; margin:0 1% 20px 1%;}
.cpxq{ display:block; padding:0; overflow:hidden;}

/*案例展示*/
.case_ul{width:100%; padding:15px 0;}
.case_ul li{width:31.3%; padding:5px; margin:0 1% 20px 1%; }
.case_ul li .case_img2{width:100%; overflow:hidden; position:relative;}
.case_ul li .case_img2:hover .sub_hover{ bottom:0;}

/*新闻发布*/
.xw li .xw_img{margin-right:10px;}



}

@media (max-width:767px){
.header{position:initial;}
.header .icon-menu{font-size:30px;}
/*.header .sjdnav{ width:100%;}*/
.header .logo{width:80%; margin-left:10px;}

.cpzs_ul li{width:48%;}
.news_ul li{width:99%;}

/*公司简介*/
.about_title2{width:100%; height:55px; line-height:55px; background:url(../images/sj_jiantou.jpg) no-repeat right center #000; overflow:hidden; font-family:'Microsoft YaHei'; font-size:20px; color:#fff; text-indent:20px;}
.main_right{width:100%;float:right;}
.company{ padding:10px 0;}

/*产品展示*/
.about_ul{ display:none; }

/*在线留言*/
.zxly_p{width:40px;}
.zxly_inp1{width:85%;}
.zxly_inp2{width:85%;}




}


