@charset "utf-8";
/*首页*/
.hide{ display: none;}
.show { display:block;}
.i_head{ width: 100%; height: auto; position: fixed; background: #fff; left: 0px; top: 0px; z-index: 80;}
.i_head_height{ width: 100%; height: 150px; clear: both;}
.i_top{width: 100%;height: 90px;padding: 20px 0 0 0;}
.i_logo{ float: left; width: 215px;}
.i_top_adv{float: left;width: 215px;padding: 5px 0 0 94px;}
.i_top_search{float: left;width: 302px;padding: 4px 0 0 110px;position: relative;}
.i_top_search input{ width: 290px; padding-left: 10px; height: 28px; line-height: 28px; background: #fff; border: 1px solid #333; border-radius: 30px;outline: none;;}
.i_top_search .btn{ cursor: pointer; background: #ee2222 url(icon_search.png) 88% center no-repeat;font-size: 14px;width: 80px;border-color: #ee2222;color: #fff;padding: 0 0 0 18px;position: absolute;right: 0px;top: 4px;height: 30px;text-align: left;}
.i_top_search p{ font-size: 12px; color: #b1b1b1;}
.i_top_search p a{color: #b1b1b1; padding: 0px 10px 0 0;}
.i_top_tel{float: right;width: 210px;padding: 4px 0 0 0;}
.i_top_tel img{float: left;margin-right: 4px;}
.i_top_tel p{color: #333333;font-style: italic;line-height: 20px;font-weight: bold;font-size: 18px;padding: 2px 0 0 0;}
.i_top_tel p b{color: #ee2222;font-size: 25px;font-weight:bold;}
.i_nav{ width: 100%; background: #f1f1f1; height: 40px;}
.i_nav ul li{ width: 133px; text-align: center; float: left;}
.i_nav ul li a{ font-size: 16px; display: block; color: #333; line-height: 40px;}
.i_nav ul li.active a,.i_nav ul li:hover a{ background: #ee2222; color: #fff;}
.i_nav_fix{ position: fixed; left: 0px; top: 0px; z-index: 99;}
.banner_all { width: 100%; overflow: hidden;}
.banner{ width: 100%; height: 600px;}
.banner ul li{ width: 100%; height: 600px !important;}
.banner ul li a{ display: block; width: 100%; height: 100%;}
.tb-thumb dl dd{ background-color: #000;  }
.tb-thumb dl dd img{ height: 100%; opacity: .6;}
.tb-thumb dl dd.active img{opacity: 1;}
.tb-btn a{ width: 14px !important; height: 14px !important;}
.tb-btn a.active{ background: #ee2222 !important;}
.tb-arrow a{ height: 100px !important;}
.tb-arrow a.prev{ left: 12% !important;}
.tb-arrow a.next{ right: 12% !important;}
.i_nav_five{}
.i_nav_five ul li{ width: 198px; height: 92px; float: left; margin-right: 50px; display: inline; border: 1px solid #bfbfbf; background: #f8f8f8; border-radius: 10px; cursor:pointer; }
.i_nav_five ul li.last{ float: right; margin: 0;}
.i_nav_five img{ float: left; transition: all .5s ease;  padding: 20px 0px 0px 20px; margin-right: 10px; display: inline;}
.i_nav_five p{display: block; color: #666; padding: 21px 0 0  0px;}
.i_nav_five p span{ display: block; color: #333; font-weight: bold; font-size: 18px}
.i_nav_five ul li:hover img{ margin : 0 30px 0 -10px;}

.i_title{ width:auto; padding: 0px 20px; position: relative; border-bottom: 1px solid #a7a7a7; height: 40px;}
.i_title h2{font-size:30px; border-bottom: 1px solid #ee2222;font-weight: normal;padding: 0px 12px;  display: inline-block; line-height: 39px;}
.i_title span{ position: absolute; left: 190px; top: 12px; font-size: 14px; color: #999;  ;}
.i_title a{ position: absolute; right: 5px; top: 12px; color: #999;}
.i_title a:hover{ color: #ee2222;}
.i_dingzhi{ width: 100%; height: 780px; position: relative;}
.i_dingzhi ul li{ position: absolute; left: 0px; top: 0px; width:400px; height: 450px ;}
.i_dingzhi .li01{ }
.i_dingzhi .li02{ height: 220px ; left: 410px;}
.i_dingzhi .li03{ height: 220px ; left: 410px; top: 230px;}
.i_dingzhi .li04{ width:380px;   left: 820px;}
.i_dingzhi .li05{ width:595px; height:300px; top:460px;}
.i_dingzhi .li06{ width:595px; height: 300px ;left:606px; top:460px;} 
.i_dingzhi_w{ position: absolute; left: 0px; bottom: 0px; line-height: 40px; height: 40px; width: 100%; background: rgba(255,255,255,.6);}
.i_dingzhi_w h2{ font-weight: normal; display: inline-block; padding: 0px 12px;}
.i_dingzhi_w span{ color: #333;}
.i_dingzhi_w a{float: right;border: 1px solid #999;font-size: 14px;border-radius: 10px;padding: 0px 5px;line-height: 20px;margin: 9px 5px 0 0;display: inline;}
.i_dingzhi_w a:hover{ background: #ee2222; color: #fff; border-color: #ee2222; }
.i_fg_title{ width: 150px; float: left;}
.i_fg_title ul li{width: 100%;height: 50px;text-align: center;}
.i_fg_title ul li a{display: block;color: #333;font-size: 15px;line-height: 49px;background: #f2f2f2;border-bottom: 1px solid #fff;}
.i_fg_title ul li.active a{ background: #ee2222; color: #fff;}
.i_fg_cont{ width: 1040px; float: right;}
.i_fg_div{ display: none; width: 100%;}
.i_fg_cont .i_fg_div:nth-child(1){ display: block;}
.i_fg_c_left{ float: left; width: 600px;;}
.i_fg_c_left .list_img{ height: 430px; cursor: pointer; }
.i_fg_c_left h2{ background: #ee2222; height: 70px; width:auto; padding: 0 0 0 20px; font-size: 28px; color: #fff; line-height: 70px; font-style: italic;}
.i_fg_c_left h2 span{ font-size: 16px; font-style:initial; padding: 0 0 0 10px; font-weight: normal;}
.i_fg_list{ width: 430px; float: right;}
.i_fg_list ul li{ width: 100%; background: #f5f5f5; height: 160px; margin-bottom: 10px; }
.i_fg_list ul li a{display: block; width: 100%;}
.i_fg_list .list_img{ width: 240px; height: 160px; float: left; }
.i_fg_words{ float: left; width: 174px; padding: 0px 0px 0px 14px;}
.i_fg_words h2{ font-weight: normal; font-size: 18px; padding: 20px  0;}
.i_fg_words p{ font-size: 14px; color: #333;}

.i_gn_title{ width: 100%;}
.i_gn_title ul li{ width: 100px; padding: 7px 0; position: relative; float: left; text-align: center;}
.i_gn_title ul li span{ color: #999; font-size: 16px;}
.i_gn_title ul li b{    transition: all .5s ease; width: 50px; height: 50px; margin: 0px auto; border-radius: 50%; display: block; border: 1px solid #999; background: url(icon_dingzhi.png) no-repeat;}
.i_gn_title ul li i{ position: absolute; right: -1px; top: 19px; height: 46px; width: 1px; background: #a7a7a7;}
.i_gn_title ul li b.b1{ background-position: 1px 5px;}
.i_gn_title ul li b.b2{background-position: -66px 4px;}
.i_gn_title ul li b.b3{background-position: -138px 3px;}
.i_gn_title ul li b.b4{background-position: -219px 5px;}
.i_gn_title ul li b.b5{background-position: -288px 5px;}
.i_gn_title ul li b.b6{background-position: -361px 5px;}
.i_gn_title ul li b.b7{background-position: -431px 2px;}
.i_gn_title ul li b.b8{background-position: -507px 2px;}
.i_gn_title ul li b.b9{background-position: -578px 0px;}
.i_gn_title ul li b.b10{background-position: -647px -2px;}
.i_gn_title ul li b.b11{background-position: -716px 1px;}
.i_gn_title ul li b.b12{background-position: -785px -1px;} 
.i_gn_title ul li.active,.i_gn_title ul li:hover{  background: #e22; }
.i_gn_title ul li.active span,.i_gn_title ul li:hover span{  color: #fff; }
.i_gn_title ul li.active b,.i_gn_title ul li:hover b{  border-color: #fff; }
.i_gn_title ul li.active i,.i_gn_title ul li:hover i{  display: none; }
.i_gn_title ul li.active b.b1,.i_gn_title ul li:hover b.b1{ background-position: 1px -64px;}
.i_gn_title ul li.active b.b2,.i_gn_title ul li:hover b.b2{background-position: -66px -64px;}
.i_gn_title ul li.active b.b3,.i_gn_title ul li:hover b.b3{background-position: -138px -64px;}
.i_gn_title ul li.active b.b4,.i_gn_title ul li:hover b.b4{background-position: -219px -64px;}
.i_gn_title ul li.active b.b5,.i_gn_title ul li:hover b.b5{background-position: -288px -64px;}
.i_gn_title ul li.active b.b6,.i_gn_title ul li:hover b.b6{background-position: -361px -64px;}
.i_gn_title ul li.active b.b7,.i_gn_title ul li:hover b.b7{background-position: -431px -68px;}
.i_gn_title ul li.active b.b8,.i_gn_title ul li:hover b.b8{background-position: -507px -68px;}
.i_gn_title ul li.active b.b9,.i_gn_title ul li:hover b.b9{background-position: -578px -69px;}
.i_gn_title ul li.active b.b10,.i_gn_title ul li:hover b.b10{background-position: -647px -68px;}
.i_gn_title ul li.active b.b11,.i_gn_title ul li:hover b.b11{background-position: -716px -66px;}
.i_gn_title ul li.active b.b12,.i_gn_title ul li:hover b.b12{background-position: -785px -69px;} 
.i_gn_cont{ width: 100%; height: 400px; }
.i_gn_box{ width: 100%; height: 400px;position: relative; display: none;}
.i_gn_box > div { overflow: hidden; position: absolute; left: 0px; top: 0px;}
.i_gn_cont .i_gn_box:nth-child(1){ display: block;}
.i_gn_box img{ width: 100%; height: 100%;}
.i_gn_box .i_gn_01{ width: 580px; height: 390px; }
.i_gn_box .i_gn_02{width: 620px;left:588px;}
.i_gn_box .i_gn_02 a{display: block;width: 298px;height: 190px;float: left;overflow: hidden;margin: 0 5px 10px 5px;}

.i_wojia_t1{ width:auto; padding: 0 0 0 20px;}
.i_wojia_t1 ul li{ float: left; border-right: 1px solid #999; line-height: 22px; padding: 0px 20px;;}
.i_wojia_t1 ul li:nth-last-child(1){ border: none;}
.i_wojia_t1 a{ font-size: 14px;}
.i_wojia_t1 .active a{ border: 1px solid #e22; color: #e22; border-radius: 6px; padding: 2px 10px;}
.i_wojia_cont{ width: 100%; position: relative; padding: 15px 0 0   0px; height: 200px; overflow: hidden;}
.i_wojia_list{ width:1080px; overflow: hidden ; height: 190px; margin: 0px auto;}
.i_wojia_list ul li{ width: 240px; height: 190px;  text-align: center; float: left; padding: 0px 15px; }
.i_wojia_list .list_img{  height: 160px}
.i_wojia_list p{ line-height: 30px;}
.i_wojia_list p span{ background: #e22; font-size: 12px; color: #fff; padding: 2px 5px; border-radius: 4px; margin-right: 8px;;}
.i_wojia_list ul li.active img{ border:3px solid #e22; height: 154px; width:234px ;}
.i_wojia_cont .part_btn{ top: 30%;}
.i_wojia_cont .part_left{ left: 0px;;}
.i_wojia_cont .part_right{ right: 0px;;}
.i_wojia_change{ width: 100%; height: 500px;;}

.DIY_list{width: 1120px; margin: 0px auto; height: 190px; position: relative;}
.sw_list a{ display: block;width: 240px; margin: 0px auto; } 
.sw_list .list_img{  height: 160px;}
.sw_list .swiper-slide{ height: 190px;  text-align: center;   } 
.sw_list p{ line-height: 30px;}
.sw_list p span{ background: #e22; font-size: 12px; color: #fff; padding: 2px 5px; border-radius: 4px; margin-right: 8px;;}
.sw_list .active img{ border:3px solid #e22; height: 154px; width:234px ;}
.DIY_list .swiper-button-prev{ left:0px ; width: 20px; background-size: 20px 44px;}
.DIY_list .swiper-button-next{ right:0px ; width: 20px;  background-size: 20px 44px;}

.i_change_t1{ width: 100px; float: left; text-align: center; height: 560px; background: #f9f9f9; }
.i_change_t1 a{ padding: 10px 0; display: block; width: 100%;} 
.i_change_t1 p{ text-align: center; margin: 0px auto; display: block; line-height: 70px; border-radius: 50%; background: #e22; width: 70px; height: 70px;}
.i_change_t1 span{ line-height: 30px; font-size: 16px;}
.tab_all{ width: 1100px; float: left;}
.i_change_t2{ width: 236px; float: left; text-align: center; height:560px; background: #f3f3f3;overflow-y: scroll; }
.i_change_t2 ul li{ cursor: pointer; padding: 10px 20px 2px 20px; text-align: center; }
.i_change_t2 ul li img{width: 180px;height: 84px;box-shadow:0 4px 10px #999;border-radius: 10px;}
.i_change_t2 ul li span{display: block;line-height: 30px;  }
.i_change_t2 ul li.current img{ border: 2px solid #e22; height: 76px;}
.i_change_t3 { width: 850px; float: right; overflow: hidden;}
.i_change_t3 .i_change_img{border: 5px solid #e1e1e1;width: 840px;height: 560px;overflow: hidden;display: none;}
.i_change_t3 .i_change_img img{ width: 100%; min-height: 100%;}

.i_change_t3 .show{border: 5px solid #e1e1e1;width: 840px;height: 490px;overflow: hidden;display: none;}
.i_change_t3 .show img{ width: 100%; min-height: 100%;}
.i_words_big{ width: 400px; float: left; height: 410px; background: #f1f1f1;;}
.i_words_big .list_img{ height: 300px; }
.i_words_p{ padding: 5px 0;}
.i_words_p h2{ font-size: 16px; padding: 0px 10px; border-bottom: 1px solid #fff; font-weight: normal; line-height: 30px;}
.i_words_p h2 a{float: right; color: #e22;}
.i_words_p p{ padding: 5px 10px 0  10px; height: 60px; overflow: hidden; font-size: 14px; text-indent: 2em; color: #999; line-height: 20px;; }
.i_words_small{width: 796px;float: right;position: absolute;right: -4px;top: 0px;overflow: hidden;height: 410px;}
.i_words_small >div{width: 390px;height: 200px;background: #f1f1f1;float: left;margin: 0px 4px 10px 4px;}
.i_words_small >div .list_img{ width: 195px; height: 100%; float: left;}
.i_words_list{ float: left; width: 180px; padding: 5px 5px 0 10px;}
.i_words_list ul li{ line-height: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_words_list ul li a:hover{ color: #e22;}
.i_words_small .i_img_right .list_img{ float: right; }

.banner_sec{ width: 100%;  width: 100%; background: center 0px no-repeat; height:400px ; position: relative; overflow:hidden; }
.ban_dzgl{ background-image: url(banner_bg_dzgl.jpg);}
.ban_lby{/* background-image: url(banner_bg_lby.jpg); */height: 300px;}
.ban_diy{ background-image: url(banner_bg_diy.jpg);}
.ban_img{/* width: 1200px; */position: relative;margin: 0px auto;}
.ban_img01{position: absolute;left: 160px;top: 75px;}
.ban_img02{position: absolute;left: 408px;top: 68px;-webkit-animation: bounceInDown 1.8s ease;    -moz-animation: bounceInDown 1.8s ease;    -ms-animation: bounceInDown 1.8s ease;    animation: bounceInDown 1.8s ease;}
.ban_lby .ban_img01{ left: 75px; top: 23px;}
.ban_diy .ban_img01{ left: 23%; top: 18px;}
.ban_nav_five{ background: #f8f8f8; padding: 10px 0;}
.ban_nav_five .i_nav_five{ width: 1200px; margin: 0px auto;}
.ban_nav_five .i_nav_five ul li{ border-color: #f1f1f1;}
.ban_sec_box{ width: 100%;height: 400px; box-shadow: 0px 0px 13px #ccc;}
.ban_sec{ width: 900px;height: 400px;   float: left; position: relative;}
.ban_sec_img{width:900px;height:400px;overflow:hidden;} 
.ban_sec_img ul li{float:left; width:900px; }
.ban_sec_img ul li a{display:block; width: 100%;}
.ban_sec_num{position:absolute;right:10px;bottom:10px;}
.ban_sec_num ul li{float:left;margin:0 3px;width:16px;height:16px;background:#333;border:1px solid #FFF;cursor:pointer;line-height:16px;font-family:Arial;font-size:10px;color:#FFF;text-align:center;}
.ban_sec_num ul li.navOn{background:#FF6600;} 
.ban_baoming{background: #fff;width: 300px;height:400px;box-shadow: -2px 0px 4px #ccc;float: right;text-align: center;position: relative;}
.bm_t{ width: 100%; padding:20px 0 20px 0; text-align: center; }
.bm_t h2{ font-size: 28px; position: relative; line-height: 40px; font-weight: normal; }
.bm_t h2:after{  content: ''; position: absolute;  height: 1px; background: #999; width: 50%; left: 25%; top: 40px;}
.bm_t p{ font-size: 14px; padding: 10px 0 0 0; color: #999; }
.baoming{ width: 100%; ;}
.baoming ul li{ height: 48px; position: relative; padding: 0px 15px; text-align: left;}
.baoming ul li input,.baoming ul li select{ width: 95%; padding-left: 5%; height: 34px; line-height: 34px; outline: none; border: none; background: #f1f1f1;}
.baoming ul li select{ width: 100%;}
.baoming ul li span{position: absolute;right: 10px;top: 0px;width: 0;}
.baoming ul li.sub input{ height: 40px; padding: 0px; width: 100%; cursor: pointer; line-height: 40px; background: #e22; color: #fff; font-size: 20px;; }
.baoming ul li.sub input:hover{background: #a80606;}
.baoming p{ font-size: 14px;color: #999;}
.sec_title{ width: 100%;;}
.sec_title h2{ line-height: 44px; font-weight: normal; font-size: 30px; border-bottom: 1px solid #aaa;}
.sec_title a{ float: right; font-size: 16px; color: #666;}
.sec_title a:hover{ color: #e22;}
.sec_box{ width: 100%;  }
.change_box{ width: 900px; height: 400px; overflow: hidden; float: left; position: relative;}
.change_box > div{width: 900px; height: 400px; overflow: hidden;  } 
.change_box > div ul li{   float: left; position: relative;}
.change_word{ text-align: center; width: 300px; height: 400px; float: left; background: #f5f5f5;}
.change_word h2{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:30px 0 10px  0px; font-size:18px; font-weight: normal; line-height: 36px;;}
.change_word p{ text-indent: 2em; text-align: left; font-size: 14px; color: #999; height: 242px;  overflow: hidden;  padding:  0px 40px;}
.change_word a{ border: 1px solid #aaa; width: 200px; line-height: 30px; margin: 15px 0 0 0; color: #666; display: inline-block; font-size: 16px;}
.change_word a:hover{ background: #e22; border-color: #e22; color: #fff;}
.change_box .list_img{ width: 600px; height: 400px; float: left;}
.part_btn{ position: absolute; top: 44%;}
.change_box .part_left{ left: 0px;;}
.change_box .part_right{ left: 280px;;}
.sec_words{ float: right; width: 288px; box-shadow: 0px 0px 4px #ccc;}
.sec_words ul li{ width:100%; }
.sec_words ul li a{padding: 0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 16px; line-height: 49px; border-bottom: 1px solid #f1f1f1 ; }
.sec_words ul li a:hover{ color: #e22; background: #f1f1f1; }
.sec_box_img{ width: 1220px;}
.sec_box_img ul li{ position: relative; overflow: hidden; float: left; width: 290px; height: 194px;; margin-right: 13px; display: inline;}
.sec_box_img ul li img{ width: 100%; min-height: 100%;}
.sec_box_img ul li h2{ position: absolute; font-size: 16px; font-weight: normal; line-height: 36px; left: 0px; bottom: 0px; color: #fff; width: 90%; padding-left: 10%; background: rgba(0,0,0,.4);}
.sec_list{ width: 890px; float: left; padding: 20px  0 10px 10px ;}
.sec_list ul li{ width: 100%; height:270px; padding: 15px 10px; margin-bottom: 22px;  background: #fff; }
.sec_list .list_img{ width: 400px; height: 270px; float: left; }
.sec_list_words{ width: 430px; float: left; padding: 0 0 0 20px; }
.sec_list_words h2{ font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; line-height: 30px; padding:10px 0px 20px 0;} 
.sec_list_words p{ display: block; width: 100%; margin-bottom: 20px; text-indent: 2em; height: 122px; overflow: hidden; font-size: 14px; color: #999; }
.sec_list_words span{ color: #999;}
.sec_list_words a{ float: right; background: #f1f1f1; color: #999; padding: 3px 10px;}
.sec_list ul li:hover{ box-shadow: 0 0 6px #bbb;}
.sec_list ul li:hover h2,.sec_list ul li:hover p,.sec_list ul li:hover span{ color: #e22;}
.sec_list ul li:hover a{ background: #e22;color: #fff;}
.sec_list_right{ width: 260px; padding:0px; float: right; }
.bg_f5 .sec_list_right{ padding-right: 10px;}
.sec_right_box{ background: #fff; padding:0 8px 8px 8px; margin-bottom: 12px;}
.sec_right_t{ color: #e22; font-size: 20px; padding-top: 6px; border-bottom: 1px solid #ddd; margin-bottom: 10px; line-height: 32px; font-weight: normal;}
.sec_hot_img{ width: 100%;}
.sec_hot_img ul li{ margin-bottom: 10px; text-align: center; padding: 0px 0px}
.sec_hot_img img{ height: 150px; width: 99%; border: 2px solid #fff; }
.sec_hot_img p{display: block;}
.sec_hot_img ul li:hover img{border-color: #e22; }
.sec_hot_img ul li:hover p{color: #e22;}
.sec_hot_words{ }
.sec_hot_words ul li{ height: 80px; padding: 7px 0; border-bottom: 1px solid #e6e6e6; width: 100%; }
.sec_hot_words ul li:hover{ box-shadow: 0 0 4px #ccc;}
.sec_hot_words .list_img{ width: 100px; height: 80px; float: left;}
.s_hot_words_c{ width: 140px; float: right;} 
.s_hot_words_c h2{ font-size: 14px; font-weight: normal; color: #333; line-height: 22px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;;}
.s_hot_words_c p{ font-size: 12px; color: #999; line-height: 20px; height: 40px; display: block; overflow: hidden;}
.s_hot_words_c span{ color: #999;font-size: 12px;line-height: 18px; display: block; ;}
.sec_right_box .bm_t{ padding: 10px 0 14px 0;}
.sec_right_box .baoming ul li{ padding: 0px 6px;}
.pages{ width: 100%; text-align: center; padding: 2px 0;}
.page{ width: 100%;}
.page span,.page a{ margin: 0px 4px;padding: 3px 10px;  display: inline-block;  border: 1px solid #eee; background: #fff; }
.page .current,.page a:hover{ background: #e22;color: #fff;}
.words{ border: 1px solid #999; width: 875px; padding: 10px 15px; float: left;}
.words_t{ width: 100% ; text-align: center;  padding: 15px 0;}
.words_t h2{ font-size: 30px; line-height: 50px; font-weight: normal;}
.words_t span{ color: #999; font-size: 16px; padding: 6px 0; display: inline-block; }
.words_cont *{ max-width: 100%;}
.words_next{ width: 80%; margin: 0px auto; padding: 10px 0; height: 40px;}
.words_next ul li{ width: 50%; float: left; text-align: center; line-height: 40px;}
.words_next ul li a{ font-size: 16px;}
.words_next ul li a:hover{ color: #e22;}
.sec_nav{ border-bottom: 1px solid #999; width: auto; }
.sec_nav ul li{ border: 1px solid #999; width: auto; border-bottom: none; display: flex; align-items: center; }
.sec_nav ul li:after{content: " "; display: table;  clear: both}
.lb_icon{ height: 100%; line-height: 45px; display: flex; align-items: center; justify-content: center;   width: 105px; float: left; text-align: center; }
.lb_icon span{color: #333; font-size: 18px; ;}
.lb_cont{ border-left:1px solid #999 ;  line-height: 35px; float: left; width: 1080px;; padding: 5px  0 5px 10px;;}
.lb_cont a{ font-size: 16px; border: 1px solid #fff; color: #999; line-height: 20px; padding: 0px 5px; margin: 0px 8px; display: inline-block;}
.lb_cont .all{ display: inline-block; float: left; margin-top: 6px;  }
.lb_cont .active{ border-color:#e22; color: #e22; border-radius: 6px;}
.lb_cont p{display: block; width: 94%; float: left;}
.lb_cont a:hover{ color: #e22;}
.list_lb{ width: 1220px;;}
.list_lb ul li{ width: 390px; height: 290px; float: left; margin: 0px 15px 15px 0px; display: inline;}
.list_lb ul li:hover{ box-shadow: 0 1px 8px #aaa;}
.list_lb a{display: block; width: 100%;}
.list_lb .list_img{ height: 260px;}
.list_lb_words{ width: 100%;   line-height: 30px;}
.list_lb_words span{ padding-left: 10px; font-size: 16px; color: #666;;}
.list_lb_words b{ float: right; font-weight: normal; font-size: 14px; color: #e22;  padding: 0px 10px;}
.list_lb_words b:hover{ background: #e22;color: #fff; }
.hot_tuijian{ width: 1220px;}
.hot_tj_t { width: 1200px; border-bottom: 1px solid #e22;margin-bottom: 12px; }
.hot_tj_t h2{font-size: 20px; color: #666; font-weight: normal; line-height: 30px;}
.hot_tj_t h2 span{ font-style: italic; padding: 0 0 0 10px; text-transform: uppercase; color: #999; font-size: 16px;;}
.hot_tuijian ul li { width: 290px; float: left; margin: 0px 13px 10px 0;}
.hot_tuijian .list_img{ height: 190px;}
.hot_tuijian ul li p{ display: block; text-align: center; line-height: 30px; font-size: 15px; color: #999;}
.hot_tuijian ul li:hover p{ color: #e22;}
.de_ban{ padding: 20px 0;}
.de_ban_left{ width: 700px; float: left; height: 470px;}
.de_ban_img{width: 100%;height: 100%;text-align: center;/* display: none; */}
.de_ban_img img{ width: 100%;  height: 100%;}
.de_ban_words{ width: 480px; float: right; height: 470px;  position: relative;}
.de_ban_t{ padding: 20px 0 5px 0;}
.de_ban_t h2{ font-size: 20px; font-weight: normal; }
.de_ban_t h2 span{ padding: 0 0 0 10px; font-size: 14px; color: #999;}
.de_ban_t p{ padding: 10px 0 0 0;}
.de_ban_t p span{ color: #999; padding-right: 20px;}
.de_ban_t2{width: 100%;padding: 4px 0;}
.de_ban_t2 h2{font-size: 20px;padding: 7px   0;font-weight: normal;}
.de_bancai_list{ width: 480px; height: 250px;}
.bc_list {width: 146px;padding: 0px 14px 0 0;display: inline;cursor: pointer;text-align: center;float: left;}
.bc_list .swiper-slide{ height: 106px;}
.bc_list a{display: block;  border: 2px solid #eee; }
.bc_list  img{ width: 100%; height: 70px;}
.bc_list  span{ line-height: 30px; color: #999;;}
.bc_list  .active a{border:2px solid;  border-color: #e22 ;} 
.de_ban_t2 .part_btn{ top: 56%;}
.de_ban_t2 .part_left{left: 0px;}
.de_ban_t2 .part_right{right: 1px;}

.de_ban_a{ width: 100%; position: absolute; left: 0px; bottom: 0; text-align: center;}
.de_ban_a a{ display: block; width: 100%; font-size: 18px; background: #e22;  color: #fff; line-height: 55px; ;}
.de_ban_a a:hover{ background: #c80808;} 
.de_cont .hot_tj_t{ height: 32px;}
.de_cont .hot_tj_t h2{  color: #e22; display: inline-block; border-bottom: 1px solid #e22;}
.de_cont .hot_tj_t{ border-color: #ccc;}
.de_cont_img{ width: auto; background: #f1f1f1; padding: 30px 30px; text-align: center; }
.de_cont_img img{ margin-bottom: 20px; max-width: 100%;}
.de_cont_img .words_next a{ border:1px solid #999; color: #999;  border-radius: 10px; width: 80%; margin: 0px auto; padding:  0px  0px; display: inline-block;}
.de_cont_img .words_next a:hover{border-color: #e22;}
.diy_all { width: 100%;}
.diy_all_t{ width: 100%;padding: 20px 0 10px 0;}
.diy_all_t h2{ font-size: 30px; border-bottom: 1px solid #ddd;   color: #e22; text-transform: uppercase; line-height: 40px;   }
.diy_all_t span{ color: #999; font-size: 20px; font-weight: normal;  padding-left: 10px;}
/*.diy_all .i_wojia_t1{ padding: 0;}*/
.diy_all .i_wojia_cont{ background: #f1f1f1;  }
.diy_all .i_wojia_cont .part_left{ left: 15px;;}
.diy_all .i_wojia_cont .part_right{ right: 15px;;}

.de_ban_li{ width: 100%; padding: 10px 0;} 
.de_ban_li li{ cursor: pointer; text-align: center;border: 2px solid #fff; float: left; width: 146px; display: inline; margin: 0 10px 10px 0;}
.de_ban_li li img{ width: 100%; height: 80px;}
.de_ban_li li span{ line-height: 30px; color: #999;;}
.de_ban_li li.current{  border-color: #e22 ;}

.de_ban_diy{ padding: 20px 0;}
.de_ban_diy_left{ width: 700px; float: left; height: 470px;}
.de_ban_diy_img{ width: 100%; height: 100%; text-align: center; display: none;}
.de_ban_diy_img img{ width: 100%;  height: 100%;}
.de_ban_diy_words{ width: 480px; float: right; height: 470px;  position: relative;}
.de_ban_diy_t{ padding: 20px 0 5px 0;}
.de_ban_diy_t h2{ font-size: 20px; font-weight: normal; }
.de_ban_diy_t h2 span{ padding: 0 0 0 10px; font-size: 14px; color: #999;}
.de_ban_diy_t p{ padding: 10px 0 0 0;}
.de_ban_diy_t p span{ color: #999; padding-right: 20px;}
.de_ban_diy_t2{ width: 100%; padding: 10px 0;}
.de_ban_diy_t2 h2{ font-size: 20px;padding: 10px   0; font-weight: normal; }
.de_ban_diy_t2 ul li{ cursor: pointer; text-align: center;border: 2px solid #fff; float: left; width: 146px; display: inline; margin: 0 10px 10px 0;}
.de_ban_diy_t2 ul li img{ width: 100%; height: 80px;}
.de_ban_diy_t2 ul li span{ line-height: 30px; color: #999;;}
.de_ban_diy_t2 ul li.active{  border-color: #e22 ;}
.de_ban_diy_a{ width: 100%; position: absolute; left: 0px; bottom: 0; text-align: center;}
.de_ban_diy_a a{ display: block; width: 100%; font-size: 18px; background: #e22;  color: #fff; line-height: 55px; ;}
.de_ban_diy_a a:hover{ background: #c80808;} 


.pages2 {margin-top:10px; width:100%; clear:both; height:50px; text-align: center;}
.pages2 a { background:#fff; border: solid 1px #ddd; color: #999; }
.pages2 a:hover { background:#f15143; color: #fff; border:solid 1px #f15143; }
.pages2 a, .pages2 span { display: inline-block;  text-align:center; height:40px;line-height:40px;margin-right:4px;padding:0 17px;}
.pages2 li {float:left;display:inline; margin:0px 3px; line-height:40px;height:40px;}
.pages2 .thisclass { background:#f15143; height:40px;line-height:40px;margin-right:4px;padding:0 17px;color:#FFF;border: solid 1px #f15143;}
.pages2 .thisclass a{border:0;margin:0; color:#FFF;}
.pages2 .prev, .pages2 .next, .pages2 .lastPage, .pages2 .firstPage { color:#999; background:#fff; }
.pages2 .p-current.prev, .pages2 .p-current.next, .pages2 .p-current.lastPage, .pages2 .p-current.firstPage { color:#666; background:#fff; border: solid 1px #ccc; }

.zt_ban{ text-align: center; width: 100%; background:center top no-repeat;  height: 600px;}
.zt_ban .box_img{ padding: 140px 0 0 0;}
.sjs_ban{ text-align: center; border-bottom: 1px solid #ccc; width: 100%; background: url(sjs_ban_bg.jpg) center top no-repeat;  height: 600px;}
.sjs_ban .box_img{ padding: 140px 0 0 0;}
.sjs_box{ width: 100%; padding: 70px 0 0 0; background: #0b0b0d;}
.sjs_box:after{content: " ";    display: table;    clear: both}
.sjs_box > div{ position: relative; height: 860px;}
.sjs_per_img{ position: absolute;  top: 0px;}
.sjs_box_01 .sjs_per_img{left:  -140px; }
.sjs_list_w{ float: right; width: 770px; padding: 100px 0 0 0; overflow: hidden; z-index: 2; position: relative;}
.sjs_w_name{ position: relative; height:70px; }
.sjs_w_name b{font-size: 46px; padding-right: 20px;float: left; color: #fff; line-height: 60px; }
.sjs_w_name span{background: #e22;display: inline;float: left;color: #fff;font-weight: normal;font-size: 16px;padding: 0px 20px;border-radius: 10px;margin: 15px 0 0 0;line-height: 34px;}
.sjs_w_de{ width: 100%;;}
.sjs_w_de p{ font-size: 18px; color: #fff; line-height: 44px;}
.sjs_w_de p b{ font-weight: normal; padding-right: 20px;}
.sjs_anli{ width: 100%;}
.sjs_anli h2{ position: relative; text-align: center; color: #fff; font-weight: 18px; line-height: 30px; font-weight: normal;}
.sjs_anli b{width: 42%;height: 1px;background: #fff;display: block;position: absolute;top: 50%;}
.sjs_anli b.b1{ left: 0px;}
.sjs_anli b.b2{ right: 0px;}
.sjs_al_img{width: 786px; padding: 10px 0 0 0;}
.sjs_al_img ul li{overflow: hidden;width: 246px;height: 165px;float: left;margin: 0 15px 15px 0;display: inline;}
.sjs_al_img ul li img{ width: 100%; min-height: 100%;}
.sjs_list_w .baoming ul li{ width: 33.3%; float: left; padding: 0;}
.sjs_list_w .baoming input{ width: 90%; height: 40px; line-height: 40px;}
.sjs_fenge{ width: 100%; background: #f1f1f1; text-align: center;}
.sjs_box_02 .sjs_list_w{ float: left; }
.sjs_box_02 .sjs_per_img{ right: -100px;  }

.liucheng { width: 100%;    height: 100%; margin-left: auto;  margin-right: auto;  }
.liucheng .swiper-slide { width: 100%; height: 100%; background: center center no-repeat #f1f1f1; background-size: 100% 100%;    }
.liucheng .lc_01{ background-image: url(lc_bg_01.jpg);}

.zt_ban_pp{ background-image: url(zt_pp_ban_bg.jpg); height: 700px;}
.zt_ban_pp .box_img{ padding-top: 70px;}
.zt_pp_t{width: 100%;text-align: center; padding: 20px 0;}
.zt_pp_t h2{font-size: 40px;color: #c00d11; line-height: 60px;text-transform: uppercase;}
.zt_pp_t span{ color: #666; font-size: 30px; line-height: 44px; display: block;}
.zt_pp_t p{ line-height: 30px;  font-size: 18px; color: #666; padding: 12px 0 6px 0; }
.zt_pp_t .line{ width: 300px; margin: 0px auto; display: block; height: 1px; background: #999;;}
.zt_pp_bg01{ background: url(zt_pp_bg02.jpg) center top no-repeat; background-size: 100% 100%;   width: 100%;}
.zt_pp_tw h2{ color: #fff;}
.zt_pp_tw .p1{ color: #fff; letter-spacing: 10px; padding: 0;}
.zt_pp_ren{ width: 100%; height: 650px; background: #fff;}
.zt_pp_ren img{ float: left;}
.zt_pp_sjs{  float: left; background: url(zt_pp_bg01.jpg) center 16px no-repeat; width: 660px; height: 100%;;}
.zt_pp_sjs h2{ line-height: 50px; display: inline-block; font-size: 40px; padding: 70px 0 0 0px; margin-left: 60px; border-bottom: 1px solid #ccc;}
.zt_pp_sjs h2 span{ font-size: 30px; font-weight: normal; padding: 0 0 0 20px;}
.zt_pp_sjs p{ padding: 20px 60px 0 60px; font-size: 15px; line-height: 28px; text-indent: 2em;;}
.zt_pp_sjs .p1{ padding-top: 70px;}
.zt_pp_linian{ width: 100%;box-shadow:  2px 0 2px #ccc;}
.zt_pp_linian ul li{ width: 280px; padding: 30px 0 20px 20px; float: left; box-shadow: 0 1px 2px #ccc; }
.zt_pp_linian h2{ font-size: 24px; line-height: 40px;;}
.zt_pp_linian h2 span{color: #e22; text-transform: uppercase;}
.zt_pp_linian p{ line-height: 32px; font-size: 16px; padding: 10px 0;}
.zt_pp_linian b{ width: 140px; display: block; height: 1px; background: #e22;}
.zt_pp_bg02{ background: url(zt_pp_bg03.jpg) center top no-repeat; height: 800px; background-size: 100% 100%;   width: 100%;}
.zt_pp_shili{ border: 1px solid #ffff; width: auto; padding: 10px 10px; position: relative;}
.zt_pp_shili h2{ padding: 8px 0 0 0; color: #fff; font-size: 26px; font-weight: normal; line-height: 40px;;}
.zt_pp_shili p{ color: #fff; font-size: 15px; line-height: 26px; width: 620px; border-top: 1px solid #fff; padding: 10px 0;}
.zt_pp_shili_img01{/* width: 640px; */height: 544px;overflow: hidden;}
.zt_pp_shili_img02{ position: absolute; overflow: hidden; right: 10px; top: 12px; width: 530px;}
.zt_pp_shili_img02 img{ max-width: 100%;}
.zt_pp_shili_img03{ text-align: right; width: 100%; padding:20px 0 0 0;}
.zt_pp_fuwu{ width: 100%;}
.zt_pp_fuwu ul li{ width: 50%; float: left;}
.zt_pp_fw_img{ width: 300px; height: 300px; overflow: hidden;}
.zt_pp_fw{ width: 270px; padding-left: 30px; float: left; height: 300px; background: #f1f1f1;}
.zt_pp_fw h2{ padding: 80px 0 0 0px; font-size: 22px; line-height: 40px; font-weight: normal;}
.zt_pp_fw span{ text-transform: uppercase; font-size: 12px; font-family: "arial, helvetica, sans-serif";}
.zt_pp_fw p{ padding: 10px 0;}
.zt_pp_bg03{ background: url(zt_pp_bg05.jpg) center top no-repeat; height: 940px; background-size: 100% 100%;   width: 100%;}
.zt_pp_dingzhi{ width: 1220px;}
.zt_pp_dingzhi ul li{ width: 390px; margin:0  12px 12px 0; display: inline; float: left; }
.zt_pp_dingzhi h2{ padding: 0 0 0 20px; font-weight: normal; line-height: 50px; background: #fff; color: #e22;}
.zt_pp_dingzhi h2 span{color: #eee; font-size: 18px; font-family: "arial, helvetica, sans-serif"; padding-left: 20px; text-transform: uppercase;}
.zt_pp_dingzhi .li02{ width: 591px;; }
.zt_pp_dingzhi .li02 .list_img{ width: 450px; float: left; height: 340px; }
.zt_pp_dingzhi .li02 h2{ padding:140px 0 0 0 ; height: 200px; text-align: center; line-height: 30px;}
.zt_pp_dingzhi .li02 h2 span{ display: block;}
.zt_pp_gc{ position: relative; background: url(zt_pp_bg04.jpg) center top no-repeat; height: 512px;;}
.zt_pp_gc h2{ font-size: 40px; line-height: 40px; padding: 180px 0 0 65px;}
.zt_pp_gc p{ font-size: 18px; line-height: 36px; width: 450px; padding: 20px 0 0 65px;}
.zt_pp_gc img{ position: absolute; right: 100px; top: 40px;}
.zt_pp_wx{ width: 100%; background: #16171a;}