CSS样式
*{margin:0;padding:0;}
body{background:#f1f1f1; 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; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;}

header{ width:100%; }
.header{ width:100%; float:left;background:#fff;}
.wrap{ max-width:1000px; margin:0 auto;}
.logo{ width:57%; float:left;}
.logo img{ display:block; max-width:100%;}
.ss{ width:142px; height:31px; float:right; margin:22px 0 0 0;}
.ss_but{ width:32px; height:31px; float:left; background:url(../images/h_but.png) no-repeat left center; border:none;}
.ss_txt{ width:110px; height:31px; float:left; background:url(../images/h_txt.png) no-repeat left center; text-indent:5px;}
.header .tel{margin:12px 3% 0 0; padding:0 0 0 5%; height:46px; background:url(../images/telicon_03.png) no-repeat left center; float:right;}
.header .tel div{ font-size:14px; color:#2b2b2b; font-family:'微软雅黑'; line-height:24px;}
.header .tel div span{ font-size:14px; color:#2b2b2b; font-family:'Arial'; line-height:24px;}
.header .tel div i{ font-weight:bold; display:block; font-size:25px; color:#bc2a2a; font-family:'微软雅黑'; line-height:24px;}

.header_nav{ width:100%; height:60px; background:rgba(2,2,2,0.6); float:left; z-index:99; position:absolute; left:0; top:81px}
/*导航下拉开始*/
.header_nav .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.header_nav .nav{  height:60px; position:relative; z-index:99;  }
.header_nav .nav a{ color:#fff;  }
.header_nav .nav .nLi{ float:left;  position:relative; display:inline; width:12.5%; text-align:center; }
.header_nav .nav .nLi h3{ float:left; width:100%; line-height:60px; }
.header_nav .nav .nLi h3 a{ display:block; font-family:'微软雅黑'; font-size:15px; color:#fff;  }
.header_nav .nav .sub{ display:none; width:100%; left:0; top:60px;  position:absolute; background:rgba(2,2,2,0.8) none repeat scroll 0 0 !important;  line-height:30px; padding:5px 0; z-index:999;}
.header_nav .nav .sub li{ zoom:1; }
.header_nav .nav .sub a{ display:block; padding:0 10px; }
.header_nav .nav .sub a:hover{ background:#bc2a2a; color:#fff;  }
.header_nav .nav .on h3 a{ background:#bc2a2a; color:#fff;   }
/*导航下拉结束*/
/*移动端导航*/
.sj_nav{ width:100%; float:left;}
.icon-menu{float:right; cursor:pointer; width:39px; height:39px; color:#4b4b4b; position:absolute;right:2%;top:0; margin-top:3%; font-size:35px;}
.sjdnav{ width:115px; height:280px; position:absolute;right:2%; top:13%;z-index:9999;background:rgba(46, 117, 42, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjdnav li a{display:block;line-height:40px; font-family:'Microsoft YaHei'; font-size:15px; color:#fff;}
.sjdnav li a:hover{background:#65aa36; color:#fff;}
.sjdnavhide{ height:0; overflow:hidden;}

/*PC大图滚动开始*/
.banner{ width:100%; float:left;}
.banner .flexslider{position:relative;height:600px;overflow:hidden; width:100%; transition:all 1s;}
.banner .slides{position:relative;z-index:1;}
.banner .slides li{ width:100%; height:600px; float:left; transition:all 1s;}
.banner .slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.banner .flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.banner .flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.banner .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;cursor:pointer;}
.banner .flex-control-nav .flex-active{background-position:0 0;}
/*PC大图滚动结束*/
/*移动端*/
 #content1 {padding:0px;float:left;width:100%; z-index:99}
 .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 { display:block;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;color:#fff;text-align:left;}

main{ width:100%; clear:both;}
.products{ width:100%; float:left; padding-bottom:4%;}
.products_title{ width:100%; text-align:center; margin-top:3%;}
.products_title_1{ display:block; line-height:36px; font-family:'微软雅黑'; font-size:28px; color:#444; font-weight:bold;}
.products_title_2{ display:block; line-height:37px; font-family:'微软雅黑'; font-size:24px; color:#bc2a2a; font-weight:bold; background:url(../images/title_heng.png) no-repeat center center;}

.products_main{ width:100%; float:left;}
.products_main #con { display:block; padding-top:20px; }
.products_main #tags { text-align:center; overflow:hidden; width:100%;}
.products_main #tags li { height:34px; line-height:34px; display:inline-table; }
.products_main #tags li a {display:block; font-family:'微软雅黑'; font-size:14px; color:#fff; border-radius:3px; transition:all 0.5s; background:#a7a7a7; box-shadow:0px -3px 2px rgba(2,2,2,0.6) inset; padding:0 10px;margin:5px}
.products_main #tags LI.selectTag A {  color:#fff; transition:all 0.5s;}
.products_main #tags li a:hover{ background:#bc2a2a; color:#fff;}
.products_main #tags LI.selectTag A:focus{ background:#bc2a2a; color:#fff;}
.products_main #tagContent {display:block; margin-top:20px; position:relative;}
.products_main .tagContent {display:none;}
.products_main #tagContent DIV.selectTag {	DISPLAY: block}
/*响应式轮播图*/
#responsive-shuffling { width:100%;height:100%; padding-top:3%;}
#responsive-shuffling .swiper-slide {width:100%; overflow:hidden; background:#fff; border:1px solid #e0e0e0; transition:all 0.5s; border-radius:5px;}
#responsive-shuffling .swiper-slide .cpzs_img{width:100%; overflow:hidden; position:relative;transition:all 0.5s;}
#responsive-shuffling .swiper-slide .cpzs_img_top{ padding-top:80%}
#responsive-shuffling .swiper-slide .icon{ position:absolute; left:50%; top:-70px; margin:0 0 0 -50px; width:106px; height:33px;}
#responsive-shuffling .swiper-slide .icon .icon_img{ display:block; width:100%;}
#responsive-shuffling .swiper-slide .hengfu{ position:absolute; left:-100%; bottom:20px; height:60px; background:#bc2a2a; opacity:0.6; z-index:1}
#responsive-shuffling .swiper-slide .ww{ width:100%; height:60px; line-height:60px; text-align:center; font-family:'微软雅黑'; font-size:16px; color:#fff; position:absolute; right:-100%; bottom:20px; z-index:2;}
.swiper-button-prev{ position:absolute; left:12px; top:34px; width:40px; height:100%; background:url(../images/lunbo_left_jt.png) no-repeat left ;}
.swiper-button-next{ position:absolute; right:12px; top:34px; width:40px; height:100%; background:url(../images/lunbo_right_jt.png) no-repeat right ;}
#responsive-shuffling .swiper-slide:hover{ border:1px solid #bc2a2a;}
#responsive-shuffling .swiper-slide:hover .icon{ top:20%;}
#responsive-shuffling .swiper-slide:hover .hengfu{ width:100%; left:0}
#responsive-shuffling .swiper-slide:hover .ww{ right:0;}
.swiper-button-prev:hover{ background:url(../images/lunbo_left_jt.png) no-repeat right;}
.swiper-button-next:hover{ background:url(../images/lunbo_right_jt.png) no-repeat left;}
/*响应式轮播图*/
#responsive-shuffling2 { width:100%;height:100%; padding-top:3%;}
#responsive-shuffling2 .swiper-slide {width:100%; overflow:hidden; background:#fff; border:1px solid #e0e0e0; transition:all 0.5s; border-radius:5px;}
#responsive-shuffling2 .swiper-slide .cpzs_img{width:100%; overflow:hidden; position:relative;transition:all 0.5s;}
#responsive-shuffling2 .swiper-slide .cpzs_img_top{ padding-top:80%}
#responsive-shuffling2 .swiper-slide .icon{ position:absolute; left:50%; top:-70px; margin:0 0 0 -50px; width:106px; height:33px;}
#responsive-shuffling2 .swiper-slide .icon .icon_img{ display:block; width:100%;}
#responsive-shuffling2 .swiper-slide .hengfu{ position:absolute; left:-100%; bottom:20px; height:60px; background:#bc2a2a; opacity:0.6; z-index:1}
#responsive-shuffling2 .swiper-slide .ww{ width:100%; height:60px; line-height:60px; text-align:center; font-family:'微软雅黑'; font-size:16px; color:#fff; position:absolute; right:-100%; bottom:20px; z-index:2;}
.swiper-button-prev2{ position:absolute; left:12px; top:34px; width:40px; height:100%; background:url(../images/lunbo_left_jt.png) no-repeat left ;}
.swiper-button-next2{ position:absolute; right:12px; top:34px; width:40px; height:100%; background:url(../images/lunbo_right_jt.png) no-repeat right ;}
#responsive-shuffling2 .swiper-slide:hover{ border:1px solid #bc2a2a;}
#responsive-shuffling2 .swiper-slide:hover .icon{ top:20%;}
#responsive-shuffling2 .swiper-slide:hover .hengfu{ width:100%; left:0}
#responsive-shuffling2 .swiper-slide:hover .ww{ right:0;}
.swiper-button-prev2:hover{ background:url(../images/lunbo_left_jt.png) no-repeat right;}
.swiper-button-next2:hover{ background:url(../images/lunbo_right_jt.png) no-repeat left;}
.products_more{ width:100%; float:left; margin-top:5%;}
.products_more a{ display:block; margin:0 auto; width:135px; height:40px; line-height:40px; text-align:center; box-shadow:0 -3px 2px rgba(2,2,2,0.6) inset; background:#bc2a2a; border-radius:5px; font-family:'微软雅黑'; font-size:14px; color:#fff;}
/*响应式轮播图*/
#responsive-shuffling3 { width:100%;height:100%; padding-top:3%;}
#responsive-shuffling3 .swiper-slide {width:100%; overflow:hidden; background:#fff; border:1px solid #e0e0e0; transition:all 0.5s; border-radius:5px;}
#responsive-shuffling3 .swiper-slide .cpzs_img{width:100%; overflow:hidden; position:relative;transition:all 0.5s;}
#responsive-shuffling3 .swiper-slide .cpzs_img_top{ padding-top:80%}
#responsive-shuffling3 .swiper-slide .icon{ position:absolute; left:50%; top:-70px; margin:0 0 0 -50px; width:106px; height:33px;}
#responsive-shuffling3 .swiper-slide .icon .icon_img{ display:block; width:100%;}
#responsive-shuffling3 .swiper-slide .hengfu{ position:absolute; left:-100%; bottom:20px; height:60px; background:#bc2a2a; opacity:0.6; z-index:1}
#responsive-shuffling3 .swiper-slide .ww{ width:100%; height:60px; line-height:60px; text-align:center; font-family:'微软雅黑'; font-size:16px; color:#fff; position:absolute; right:-100%; bottom:20px; z-index:2;}
.swiper-button-prev3{ position:absolute; left:12px; top:34px; width:40px; height:100%; background:url(../images/lunbo_left_jt.png) no-repeat left ;}
.swiper-button-next3{ position:absolute; right:12px; top:34px; width:40px; height:100%; background:url(../images/lunbo_right_jt.png) no-repeat right ;}
#responsive-shuffling3 .swiper-slide:hover{ border:1px solid #bc2a2a;}
#responsive-shuffling3 .swiper-slide:hover .icon{ top:20%;}
#responsive-shuffling3 .swiper-slide:hover .hengfu{ width:100%; left:0}
#responsive-shuffling3 .swiper-slide:hover .ww{ right:0;}
.swiper-button-prev3:hover{ background:url(../images/lunbo_left_jt.png) no-repeat right;}
.swiper-button-next3:hover{ background:url(../images/lunbo_right_jt.png) no-repeat left;}
.products_more{ width:100%; float:left; margin-top:5%;}
.products_more a{ display:block; margin:0 auto; width:135px; height:40px; line-height:40px; text-align:center; box-shadow:0 -3px 2px rgba(2,2,2,0.6) inset; background:#bc2a2a; border-radius:5px; font-family:'微软雅黑'; font-size:14px; color:#fff;}
/*响应式轮播图*/
#responsive-shuffling4 { width:100%;height:100%; padding-top:3%;}
#responsive-shuffling4 .swiper-slide {width:100%; overflow:hidden; background:#fff; border:1px solid #e0e0e0; transition:all 0.5s; border-radius:5px;}
#responsive-shuffling4 .swiper-slide .cpzs_img{width:100%; overflow:hidden; position:relative;transition:all 0.5s;}
#responsive-shuffling4 .swiper-slide .cpzs_img_top{ padding-top:80%}
#responsive-shuffling4 .swiper-slide .icon{ position:absolute; left:50%; top:-70px; margin:0 0 0 -50px; width:106px; height:33px;}
#responsive-shuffling4 .swiper-slide .icon .icon_img{ display:block; width:100%;}
#responsive-shuffling4 .swiper-slide .hengfu{ position:absolute; left:-100%; bottom:20px; height:60px; background:#bc2a2a; opacity:0.6; z-index:1}
#responsive-shuffling4 .swiper-slide .ww{ width:100%; height:60px; line-height:60px; text-align:center; font-family:'微软雅黑'; font-size:16px; color:#fff; position:absolute; right:-100%; bottom:20px; z-index:2;}
.swiper-button-prev3{ position:absolute; left:12px; top:34px; width:40px; height:100%; background:url(../images/lunbo_left_jt.png) no-repeat left ;}
.swiper-button-next3{ position:absolute; right:12px; top:34px; width:40px; height:100%; background:url(../images/lunbo_right_jt.png) no-repeat right ;}
#responsive-shuffling4 .swiper-slide:hover{ border:1px solid #bc2a2a;}
#responsive-shuffling4 .swiper-slide:hover .icon{ top:20%;}
#responsive-shuffling4 .swiper-slide:hover .hengfu{ width:100%; left:0}
#responsive-shuffling4 .swiper-slide:hover .ww{ right:0;}
.swiper-button-prev4:hover{ background:url(../images/lunbo_left_jt.png) no-repeat right;}
.swiper-button-next4:hover{ background:url(../images/lunbo_right_jt.png) no-repeat left;}
.products_more{ width:100%; float:left; margin-top:5%;}
.products_more a{ display:block; margin:0 auto; width:135px; height:40px; line-height:40px; text-align:center; box-shadow:0 -3px 2px rgba(2,2,2,0.6) inset; background:#bc2a2a; border-radius:5px; font-family:'微软雅黑'; font-size:14px; color:#fff;}

.about{ width:100%; float:left; background:#525252; padding-bottom:3%;}
.about_title{ width:100%; text-align:center; margin-top:3%;}
.about_title_1{ display:block; line-height:36px; font-family:'微软雅黑'; font-size:28px; color:#fff; font-weight:bold;}
.about_title_2{ display:block; line-height:37px; font-family:'微软雅黑'; font-size:24px; color:#fff; font-weight:bold; background:url(../images/about_title.png) no-repeat center center;}
.about_main{ width:100%; height:326px; background:url(../images/ggsjjbg_03.png) no-repeat center center; background-size:100% 100%;}
.about_main .about_img{ width:32%; float:right; margin:2% 4% 0 0;}
.about_main .about_img img{ display:block; max-width:100%;}
.about_main .about_img .tel{font-family:'微软雅黑'; font-size:16px; color:#fff; margin-left:17%;}
.about_main .about_img .tel span{ color:#bc2a2a;}
.about_main_box{ width:64%; float:left;}
.about_main_t{ width:100%; line-height:26px; font-family:'微软雅黑'; font-size:14px; color:#fff; height:266px; overflow:hidden; float:right; padding:10% 3% 0 7%;}
.about_main_a{ width:80px; height:25px; line-height:25px; text-align:center; font-family:'微软雅黑'; font-size:14px; color:#fff; float:right; background:#7d7d7d; margin:3% 2% 0 0;}
.about_main:hover .about_main_a{ background:#bc2a2a;}

.news{ width:100%; float:left;}
.news_ul{ width:100%; float:left; margin-top:3%;}
.news_ul li{ width:48%; float:left; overflow:hidden; margin:0 1% 2% 1%; background:#fff; position:relative;}
.news_ul li .news_B{ width:150px; height:124px; float:left; margin-right:3%; border:1px solid #d3d3d3; padding:1px;}
.news_ul li .news_B .news_img{ display:block; width:100%; overflow:hidden; height:100%;}
.news_ul li .news_t{ display:block; overflow:hidden; font-family:'微软雅黑'; font-size:14px; color:#505050; line-height:34px; margin:2% 0 0 0; text-overflow:ellipsis;white-space:nowrap;}
.news_ul li .news_p{ display:block; overflow:hidden; font-family:'微软雅黑'; font-size:12px; color:#666; line-height:20x; height:70px;overflow:hidden;}
.news_ul li .hover{ position:absolute; right:-127px; top:0; z-index:99; background:url(../images/hover.png) left center; width:127px; height:100%; overflow:hidden; transition:all 1s;}
.news_ul li:hover{ background:#bc2a2a;}
.news_ul li:hover .news_t{ color:#fff}
.news_ul li:hover .news_p{ color:#fff}
.news_ul li:hover .hover{right:0}

.cases{ width:100%; float:left; padding-bottom:5%;}
.cases_main{ width:100%; float:left; margin-top:3%; height:480px;}
.case_main_L{ width:28%; float:left; margin:0 1%; height:100%;}
.case_L_1{ width:100%; height:28%}
.case_L_1 a{ display:block; width:100%; height:100%; text-align:center; }
.case_L_2{ width:100%; height:72%; padding:16px 0 0 0;}
.case_L_2 a{ display:block; width:100%; height:100%; text-align:center; }
.case_L_2 a span{ display:block; height:100%; background:url(../images/fdjmb3.png) no-repeat 50% 50%; background-size:cover; opacity:0;}
.case_L_2:hover a span{ opacity:1}

.case_main_C{ width:48%; float:left; margin:0 1%; height:100%;}
.case_C_1{ width:100%; height:70%;}
.case_C_1 a{ display:block; width:100%; height:100%; text-align:center; }
.case_C_1 a span{ display:block; height:100%; background:url(../images/fdjmb3.png) no-repeat 50% 50%; background-size:cover; opacity:0;}
.case_C_2{ width:100%; height:30%;  padding:16px 0 0 0;}
.case_C_3{ width:34%; height:100%; float:left;}
.case_C_3 a{ width:100%; display:block; height:100%; text-align:center;}
.case_C_4{ width:66%; height:100%; padding-left:16px; float:right;}
.case_C_4 a{ width:100%; display:block; height:100%; text-align:center;}
.case_C_4 a span{ display:block; height:100%; background:url(../images/fdjmb3.png) no-repeat 50% 50%; background-size:cover; opacity:0;}
.case_C_1:hover a span{ opacity:1}
.case_C_4:hover a span{ opacity:1}

.case_main_R{ width:18%; margin:0 1%; height:100%; float:left;}
.case_R_1{ width:100%; height:70%;}
.case_R_1 a{ display:block; width:100%; height:100%; text-align:center; }
.case_R_1 a span{ display:block; height:100%; background:url(../images/fdjmb3.png) no-repeat 50% 50%; background-size:cover; opacity:0;}
.case_R_2{ width:100%; height:30%;  padding:16px 0 0 0;}
.case_R_2 a{ display:block; width:100%; height:100%; text-align:center; }
.case_R_2 a span{ display:block; height:100%; background:url(../images/fdjmb3.png) no-repeat 50% 50%; background-size:cover; opacity:0;}
.case_R_1:hover a span{ opacity:1}
.case_R_2:hover a span{ opacity:1}

.contacts{ width:100%; float:left; padding-bottom:3%;}
.contacts_L{ width:45%; float:left; overflow:hidden; margin-top:3%;}
.contacts_title{ display:block; line-height:53px; font-family:'微软雅黑'; font-size:14px; color:#555555;}
.contacts_L p{ font-family:'微软雅黑'; font-size:14px; color:#505050; line-height:23px;}
.contacts_t{ display:block; font-family:'微软雅黑'; font-size:14px; color:#505050; line-height:24px; margin-top:3%;  }
.contacts_R{ width:50%; float:right;margin-top:3%;}
.contacts_R p{ line-height:40px; display:block; font-family:'微软雅黑'; font-size:12px; color:#505050;}
.contacts_R .txt{ width:100%; height:37px; line-height:33px; border:1px dashed #cdcfcf; background:#f7f7f7; border-radius:5px; margin-bottom:3%;text-indent:10px;}
.contacts_R .rea{ width:100%; height:118px; line-height:33px; border:1px dashed #cdcfcf; background:#f7f7f7; border-radius:5px;margin-bottom:3%;text-indent:10px;}
.contacts_R .but{ width:100%; height:31px; line-height:31px; text-align:center;font-family:'微软雅黑'; font-size:16px; color:#fff; margin-top:3%; background:#bc2a2a;}

footer{ width:100%; float:left; background:#333; padding:2% 0;}
.footer_L{ width:13%; float:left;}
.footer_L img{ display:block; max-width:100%;}
.footer_L p{ text-align:center; line-height:28px;font-family:'微软雅黑'; font-size:14px; color:#fff;}
.footer_R{ width:80%; float:left; margin-left:6%; padding-left:6%; border-left:solid 1px #fff;}
.footer_R_t{ display:block; line-height:28px; color:#fff;}
.footer_R_t a{font-family:'微软雅黑'; font-size:12px; color:#fff;}
.footer_R p{ margin-top:3%;font-family:'微软雅黑'; font-size:14px; color:#fff;}

 /*手机底部导航*/
.hot{width:100%; height:68px; background:#222222; 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:#1b5617;}


/*cpzs*/
.cpzs{ width:100%; float:left; padding-top:3%; padding-bottom:3%;}
.cpzs_L{ width:24%; float:left; overflow:hidden;}
/*小屏产品分类下拉按钮*/
.s-drop-wrap { width:100%; float:left;}
.s-drop-btn { /*cursor:pointer;*/ line-height:40px; font-size:16px;font-family:'微软雅黑'; color: #fff; background:url(../images/cpdian.png) no-repeat 8% center, #333; padding-left:20%; }
.s-drop-btn.act{  background:url(../images/dian111.png) no-repeat 90% center,#333;}
.s-drop-list {display: block;}
.s-drop-list li{ margin-top:1%;}
.s-drop-list li a{ display:block; }
.aside-list-link{font-family:'微软雅黑'; font-size:16px; color:#333;line-height:35px; background:url(../images/cp-dina1.jpg) no-repeat left center, #d7d7d7; padding-left:15%}
.aside-list li a:hover, .aside-list li a.act{  background:url(../images/cp-dina1.jpg) no-repeat left center, #d7d7d7; color:#333;}
.aside-sublist { width:100%;}
.aside-list li{ margin-top:3%; line-height:41px;}
.aside-list li a{ position:relative;}
.aside-sublist{ display:block;  background:#fff; margin-top:2%;border:1px solid #e5e5e5; }
.aside-sublist li{margin-top:1%;}
.aside-sublist li a{ color:#333; padding-left:25%; line-height:30px; background:url(../images/cp-dian2.png) no-repeat 8% center; font-size:14px;border-bottom:1px dashed #ebeff0;}
.aside-sublist li a:hover, .aside-sublist li a.act{ background:url(../images/cp-dian2.png) no-repeat 8% center; color:#bc2a2a;}

.cpzs_L_b{ width:100%; float:left; margin:5% 0; background:#fff;}
.cpzs_l_p{ padding:5%; line-height:28px;font-family:'微软雅黑'; font-size:14px; color:#232323; padding:3%}
.cpzs_L_b img{ display:block; max-width:100%; margin:2% auto; padding:0 3%}
.cpzs_L_b .s-drop-btn { line-height:40px;}
.cpzs_R{ width:73%; float:right; overflow:hidden;}
.cpzs_R_title{ width:100%; float:left; background:url(../images/cp-dian3.jpg) repeat-x bottom center; height:38px; line-height:35px; font-family:'微软雅黑'; font-size:20px; color:#3e3e3e; font-weight:bold;}
.cpzs_R_title span{ float:right; font-size:14px; font-weight:100;}
.cpzs_R_title span a{ color:#222;}
.cpzs_R_ul{ width:100%; float:left; }
.cpzs_R_ul li {width:31.3%; margin:2% 1%; float:left; overflow:hidden; background:#fff; border:1px solid #e0e0e0; transition:all 0.5s; border-radius:5px;}
.cpzs_R_ul li .cpzs_img{width:100%; overflow:hidden; position:relative;transition:all 0.5s;}
.cpzs_R_ul li .cpzs_img_top{ padding-top:80%}
.cpzs_R_ul li .icon{ position:absolute; left:50%; top:-70px; margin:0 0 0 -50px; width:106px; height:33px;}
.cpzs_R_ul li .icon_img{ display:block; width:100%;}
.cpzs_R_ul li .hengfu{ position:absolute; left:-100%; bottom:20px; height:60px; background:#bc2a2a; opacity:0.6; z-index:1}
.cpzs_R_ul li .ww{  width:100%; height:60px; line-height:60px; text-align:center; font-family:'微软雅黑'; font-size:16px; color:#fff; position:absolute; right:-100%; bottom:20px; z-index:2; }
.cpzs_R_ul li:hover{ border:1px solid #bc2a2a;}
.cpzs_R_ul li:hover .icon{ top:20%;}
.cpzs_R_ul li:hover .hengfu{ width:100%; left:0}
.cpzs_R_ul li:hover .ww{ right:0;}

/*cpzs_ny*/
.cp_ny{ width:100%; margin:41px auto; display:block; background:#fff; padding:5% 0;}
.cp_ny h1 {display:block; line-height:48px; font-family:'微软雅黑'; font-size:20px; color:#505050; font-weight:bold;  padding-left:2%;background:#f1f1f1; margin:0 2% }
.cp_ny img{ display:block; max-width:100%; margin:5% auto;}
.cp_ny p{ max-width:95%; margin:2% auto; line-height:22px;}
.cp_ny table{ max-width:95%; margin:2% auto; line-height:22px;}


/*news*/
.nb{ width:100%; float:left; margin-top:3%;}
.nb li{ width:98%; float:left; overflow:hidden; margin:0 1% 2% 1%; background:#fff; position:relative; padding-right:2%;}
.nb li .news_B{ width:200px; height:145px; float:left; margin-right:3%; border:1px solid #d3d3d3; padding:1px;overflow:hidden;}
.nb li .news_B .news_img{ display:block; width:100%; overflow:hidden; height:100%;}
.nb li .news_t{ display:block; overflow:hidden; font-family:'微软雅黑'; font-size:16px; color:#222; line-height:34px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;}
.nb li .news_p{ display:block; overflow:hidden; font-family:'微软雅黑'; font-size:14px; color:#222; line-height:20px; height:40px;overflow:hidden;}
/*.nb li .hover{ position:absolute; right:-127px; top:0; z-index:99; background:url(../images/hover.png) left center; width:127px; height:100%; overflow:hidden; transition:all 1s;}*/
.news_more {width:106px; height:30px;line-height:30px;text-align:center;background:#bc2a2a; float:right; font-family:'微软雅黑'; font-size:14px; color:#fff; border-radius:5px; margin:3% 0 0 0;}
.nb li:hover .news_B .news_img { -webkit-transform:scale(1.1,1.1);}
/*.nb li:hover{ background:#bc2a2a;}
.nb li:hover .news_t{ color:#fff}
.nb li:hover .news_p{ color:#fff}*/
/*.nb li:hover .hover{right:0}*/

.news_ny{ width:90%;margin:0 auto; padding-top:10%;}
.news_ny h1{ display:block; text-align:center; line-height:48px; font-family:'微软雅黑'; font-size:20px; color:#505050; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_ny h2{ display:block; text-align:center; line-height:38px; font-family:'微软雅黑'; font-size:14px; color:#787878;border-bottom:1px solid #d4d2d2;}
.news_ny p{ margin-top:3%;  line-height:26px; font-family:'微软雅黑'; font-size:14px; color:#505050;}
.news_ny img{ max-width:100%; display:block; margin:2% auto;}

/*about*/
.gsjj{ width:100%; float:left; margin-top:5%;  font-family:'微软雅黑'; font-size:14px; color:#222; line-height:26px;}

/*lxwm*/
.lxwm{ width:100%; float:left; margin-top:3%;}
.lxwm_img{ width:45%; float:left;padding-left:20%;}
.lxwm_img img{ display:block; width:100%;}
.lxwm_p{ font-family:'微软雅黑'; font-size:14px; color:#222; float:left; padding-left:5%; line-height:30px;}
/*zxly*/

.zxly{ width:80%; margin:2% auto;}
.zxly .contacts_R{ width:100%; float:right;margin-top:3%;}
.zxly .contacts_R p{ line-height:40px; display:block; font-family:'微软雅黑'; font-size:12px; color:#505050;}
.zxly .contacts_R .txt{ width:100%; height:37px; line-height:33px; border:1px dashed #cdcfcf; background:#f7f7f7; border-radius:5px; margin-bottom:3%;text-indent:10px;}
.zxly .contacts_R .rea{ width:100%; height:118px; line-height:33px; border:1px dashed #cdcfcf; background:#f7f7f7; border-radius:5px;margin-bottom:3%;text-indent:10px;}
.zxly .contacts_R .but{ width:100%; height:31px; line-height:31px; text-align:center;font-family:'微软雅黑'; font-size:16px; color:#fff; margin-top:3%; background:#bc2a2a;}






@media (max-width:1200px){
	.wrap{ width:96%}
	
	.banner{ width:100%; float:left;}
	.banner .flexslider{position:relative;height:500px;overflow:hidden; width:100%; transition:all 1s;}
	.banner .slides{position:relative;z-index:1;}
	.banner .slides li{ width:100%; height:500px; float:left; transition:all 1s;}
	}

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .logo {  width:73%;}
	.about_main{ background:none; padding:2%; height:auto;}
	.about_main .about_img{ float:left;}
	.about_main_t{ padding:2% 3% 0 7%; height:auto; line-height:20px; font-size:12px;}
	.news_ul li{ width:100%;}
	.contacts_R{ width:100%;}
	.footer_L{ float:none; margin:0 auto;}
	.footer_R{width:100%; border-left:none; padding-left:0; margin-left:0;text-align:center;}
	.footer_R_t{ }
	/*cpzs*/
	.cpzs_L{ width:100%;}
    .s-drop-btn {cursor:pointer;background:url(../images/dian111.png) no-repeat 90% center,#333; line-height:40px; font-size:22px;font-family:'微软雅黑'; color: #fff; text-align:left; padding:0 5%}
    .s-drop-btn.act{ background:url(../images/dian111.png) no-repeat 90% center,#333; }
	.cpzs_R{ width:100%;}
	}

@media (max-width:767px){
	.wrap{ width:96%}
	.logo{ width:80%;}
	.about_main{ background:none; padding:2%; height:auto;}
	.about_main .about_img{ width:100%; margin:2% 0;}
	.about_main .about_img img{ margin:0 auto;}
	.about_main_box{ width:100%;}
	.about_main_t{ padding:2% 0% 0 0%; height:auto; line-height:20px; font-size:12px;}
	.news_ul li{ width:100%;}
	
	.cases_main{ height:400px;}
	.case_C_1{ height:60%;}
	.case_C_2{ height:40%;}
	.case_C_4{ width:100%; padding:0;}
	.case_main_R{ width:48%;}
	.case_R_1{ height:60%;}
	.case_R_2{ height:40%;}
	
	.contacts_R{ width:100%;}
	.footer_L{ float:none; margin:0 auto;}
	.footer_R{width:100%; border-left:none; padding-left:0; margin-left:0;text-align:center;}
	/*cpzs*/
	.cpzs_L{ width:100%;}
    .s-drop-btn {cursor:pointer;background:url(../images/dian111.png) no-repeat 90% center,#333; line-height:40px; font-size:22px;font-family:'微软雅黑'; color: #fff; text-align:left; padding:0 5%}
    .s-drop-btn.act{ background:url(../images/dian111.png) no-repeat 90% center,#333; }
	.cpzs_R{ width:100%;}
	.cpzs_R_ul li{ width:48%; margin:3% 1%;}
	/*news*/
    .news_ny { width:100%;}
	.zxly{ width:100%;}
	}

@media (max-width:567px){
	.wrap{ width:96%}
	}

@media (max-width:467px){
	.wrap{ width:96%}
    .icon-menu { margin-top:1%;}
	.logo{ width:85%;}
    .footer_L { width:20%;}
	.cases_main{ height:300px;}
    .nb li .news_B { width:136px;height:120px;}
	}

@media (max-width:376px){
	.wrap{ width:96%}
	.logo{ width:87%;}
    
	}

/*分页样式*/
div.page {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:10px 3px; padding-top: 3px; text-align: center;}
div.page a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #eb5914; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none;}
div.page a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #eb5914; margin-right: 3px; padding-top: 2px;}
div.page span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}