.yi_top{ height: 30px; line-height: 30px; }
.yi_top h2{ font-weight: normal; float: left; font-size: 14px; color: #a1a1a1;}
.yi_top p{ float: right;}
.yi_top p a{font-size: 12px; color: #a1a1a1; border-right: 1px solid #bbb; padding: 0 15px; }
.yi_top p a:hover{ color: #ccc;}
.yi_top p span{color: #a1a1a1;  }
.yi_top p span a{ padding: 0 10px 0 0;border: none;}
.yi_top_adv{ width: 100%; height: 120px; background: url(yi_top.jpg) center top no-repeat;}
.i_top_tel{width: auto; padding: 12px 0px 0 0;position: absolute;  right: 0px; top: 0px;}
.i_top_tel img{ float: left; margin-right: 2px;}
.i_top_tel p{color: #fff;font-size: 12px;line-height: 18px;display: block;float: left;}
.i_top_tel p span{font-size: 19px;display: block;font-weight: bold;} 
.yi_nav{width: 100%;height: 60px;background: #a52626;}
.yi_nav .w1200{ position: relative;}
.yi_nav_logo{ width: 234px; float: left; position: relative; z-index: 10; }
.yi_nav_fix{ position: fixed; left: 0px; top: 0px;z-index: 99;}
.yi_n_img{width: 100%; cursor: pointer; height: 60px;background:#921717;position: relative; text-align: center;}
.yi_n_img img{padding: 12px 0 0;}
.yi_n_img span{display: none;width: 26px;height: 14px;transition: all .5s ease;background: url(yi_nav_up.png) 0px 0px no-repeat;position: absolute;right: 20px;top: 23px;}
.yi_icon_up span{ background-position: 0px -15px;}
.yi_nav_a{width: auto;padding: 21px 0 0 12px;float: left;}
.yi_nav_a a{float: left;color: #fff;font-size: 16px;line-height: 18px;border-right: 1px solid #fff;padding: 0px 13px;}
.yi_nav_a a:nth-last-child(1),.yi_nav_a a.last{ border: none;}
.yi_nav_show{ width: 240px; position: absolute; left: 0px; top: 60px;background:rgba(0,0,0,0.5);}
.yi_nav_show ul li{ padding: 15px 10px; border-bottom: 1px solid #ccc; }
.yi_nav_show ul li:nth-last-child(1){ border: none;}
.yi_nav_show h2{font-size: 16px; font-weight: normal; color: #fff;line-height: 28px;}
.yi_nav_show h2 b{width: 32px;height: 28px;display: block;background: url(yi_nav_icon.png) 0px 0px no-repeat;float: left;}
.yi_nav_show h2 span{ font-family: "arial, helvetica, sans-serif"; text-transform: uppercase; font-size: 13px; padding-left: 10px;}
.yi_nav_show h2 b.b2{background-position: 0px -41px;}
.yi_nav_show h2 b.b3{background-position: 0px -80px;}
.yi_nav_show h2 b.b4{background-position: 0px -121px;}
.yi_nav_show h2 b.b5{background-position: 0px -164px;}
.yi_nav_show p{ padding: 4px 0 0 0;}
.yi_nav_show p a{ color: #fff; padding-right: 8px;}
.yi_nav_show p.p1 a{ width: 50%; display: inline-block; padding: 0;}
.yi_nav_show p.p2 a{ width: 32%; display: inline-block; padding: 0;}
.yi_nav_show p a:hover,.yi_nav_a a:hover{ color: #ff0;}

.banner{ width: 100%; height: 500px;} 
.banner .swiper-pagination-bullet{ width: 16px; height: 16px;}
.banner .swiper-pagination-bullet-active{ background: #e74c3c;} 
.banner a{ display: block; width: 100%; height: 100%; background:  center center no-repeat;  } 

.over_hid{ overflow: hidden;}
.yi_youshi{padding: 15px 0 12px 0;width: 1213px;}
.yi_youshi ul li{cursor: pointer;display: inline;width:185px;overflow: hidden;margin-right: 12px;background: #f1f1f1;border-radius: 10px;float: left;padding: 16px 0 10px 5px;}
.yi_youshi ul li b{ background: url(icon_youshi.png) no-repeat; width: 43px; height: 38px; display: block; float: left; transition: all .5s ease;}
.yi_youshi span{ color: #666; font-size: 18px;  line-height: 24px; font-weight: bold;}
.yi_youshi p{ color: #666; font-size:12px; line-height: 18px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yi_youshi .li01 b{ background-position: 6px 0px;}
.yi_youshi .li02 b{background-position: -58px 0px;}
.yi_youshi .li03 b{background-position: -121px 0px;}
.yi_youshi .li04 b{background-position: -181px 0px;}
.yi_youshi .li05 b{background-position: -243px 0px;}
.yi_youshi .li06 b{background-position: -309px 0px;width: 36px;}
.yi_youshi ul li:hover b{ width: 50px;}
.yi_youshi ul li:hover span,.yi_ban_btm ul li:hover p{ color: #8b6e4a;}

.yi_liucheng{width: 1200px;margin: 0px auto;overflow: hidden;}
.yi_liucheng h2{ font-size: 30px; line-height: 40px; font-weight: normal; color: #666; text-align: center;}
.yi_lc_cont{width: 1254px; padding: 14px 0;}
.yi_lc_cont ul li{ cursor: pointer; padding: 10px 0 0 10px;width: 140px;height: 60px;border-radius: 10px;border: 1px solid #999;float: left;margin-right: 57px;display: inline;}
.yi_lc_cont b{ width: 53px; height: 50px; display: block; background: url(icon_liucheng.png) no-repeat;float: left;transition: all .5s ease;}
.yi_lc_cont p{ line-height: 20px; display: block; float: left; color: #999; font-size: 15px; padding: 6px 0 0 0;}
.yi_lc_cont .li01 b{ background-position: -2px 0px;}
.yi_lc_cont .li02 b{background-position: -69px 0px;}
.yi_lc_cont .li03 b{background-position: -140px 0px;}
.yi_lc_cont .li04 b{background-position: -213px 0px;}
.yi_lc_cont .li05 b{background-position: -284px 0px;}
.yi_lc_cont .li06 b{background-position: -350px 0px;} 
.yi_lc_cont ul li:hover p{ color: #8b6e4a; font-weight: bold;}
.yi_lc_cont .li01:hover b{ background-position: -2px -68px;}
.yi_lc_cont .li02:hover b{background-position: -69px -68px;}
.yi_lc_cont .li03:hover b{background-position: -140px -68px;}
.yi_lc_cont .li04:hover b{background-position: -213px -68px;}
.yi_lc_cont .li05:hover b{background-position: -284px -68px;}
.yi_lc_cont .li06:hover b{background-position: -350px -68px;} 


.yi_cont_t{ width: 100%; position: relative; height: 45px; border-bottom: 1px solid #8b6e4a;}
.yi_cont_t ul li{ text-align: center; width: 150px; float: left; }
.yi_cont_t ul li span{ cursor: pointer; width: 100%; display: block; color: #999; font-size: 24px; line-height: 45px;;}
.yi_cont_t .current span{background: #333;color: #fff;}
.yi_cont_t p{ position: absolute; right: 10px; top: 10px; color: #8b6e4a; font-size: 18px;}
.yi_cont{ width: 100%; padding: 20px 0 0 0; height: 560px;}
.yi_c_left{ width: 301px; border: 1px solid #a1a1a1; height:550px; float: left;}
.yi_c_t1{width: 100%;}
.yi_c_t1 ul li{ overflow: hidden; float: left; text-align: center;}
.yi_c_t1 ul li span{font-size: 18px;color: #999;line-height: 30px;}
.yi_c_t1 ul li b{ transition: all .3s ease; width: 90px;height: 48px;background: url(i_icon_01.png) 0px 0px no-repeat;display: block;margin: 0px auto;}
.yi_c_t1 a{ display: block; height: 80px; border-bottom: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;  }
.yi_c_t1 .a1{ width:150px;}
.yi_c_t1 .a3{ width:100px;}
.yi_c_t1 .a4{ width:130px;}
.yi_c_t1 .a5{ width:170px;}
.yi_c_t1 .a3_3{width:99px;border-right: none;}
.yi_c_t1 .a_no{ border-right: none;}
.yi_c_t1 .b1{background-position: 20px -68px;}
.yi_c_t1 .b2{background-position: -75px -68px;}
.yi_c_t1 .b3{background-position: -171px -68px;}
.yi_c_t1 .b4{background-position: -258px -68px;}
.yi_c_t1 .b5{background-position: -336px -68px;}
.yi_c_t1 .b6{background-position: -422px -68px;}
.yi_c_t1 .b7{background-position: -514px -68px;}
.yi_c_t1 .active a{background-color: #bb9e7a;}
.yi_c_t1 .active a span{ color: #fff;}
.yi_c_t1 .active .b1{background-position: 20px 8px;}
.yi_c_t1 .active .b2{background-position: -75px 8px;}
.yi_c_t1 .active .b3{background-position: -171px 8px;}
.yi_c_t1 .active .b4{background-position: -258px 8px;}
.yi_c_t1 .active .b5{background-position: -336px 8px;}
.yi_c_t1 .active .b6{background-position: -422px 8px;}
.yi_c_t1 .active .b7{background-position: -514px 8px;}

.yi_c_t2{ width: auto; padding: 12px 12px;;}
.yi_t2_words { width: 100%; display: none;}
.yi_t2_words h2{ font-size: 18px; line-height: 30px; padding: 6px 0; font-weight: normal; color: #1b1b1b;}
.yi_t2_words p{font-size: 16px; color: #8b6e4a; line-height: 28px; padding:  10px 0 0px 0; height: 170px; display: block;}
.yi_c_t2 a{color:#fff;background: #333;font-size:18px;display: inline-block;padding:8px 0px;width: 100%;text-align: center;}
.yi_c_t2 a:hover{ background-color: #e22;}
.yi_c_img{ width: 630px; float: left; position: relative;}
.yi_c_img a{ display: inline-block; position: absolute;}
.yi_c_img a img{filter: grayscale(0%);    -webkit-filter: grayscale(0%);    -moz-filter: grayscale(0%);    -ms-filter: grayscale(0%);    -o-filter: grayscale(0%); opacity: .28;  }
.yi_c_img .i_img_cf{left: 122px;top: 226px;z-index: 8;}
.yi_c_img .i_img_cw{left: 14px;top: 67px; z-index: 2;}
.yi_c_img .i_img_kt{left: 194px;top: 154px; z-index: 1;}
.yi_c_img .i_img_sf{left: 325px;top: 212px; z-index: 9;}
.yi_c_img .i_img_wsj{left: 197px;top: 0px; z-index: 7;}
.yi_c_img .i_img_yt{left: 510px;top: 347px;}
.yi_c_img .i_img_zw{left: 326px;top: 26px; z-index: 3;} 
.yi_c_img a.guang img {filter:none;opacity: 1;/* box-shadow: 0 0 20px #8b6e4a */}
.shui01:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #fd1605; opacity: 0; -webkit-animation: ripple 3000ms ease-out 225ms infinite; -moz-animation: ripple 3000ms ease-out 225ms infinite; -o-animation: ripple 3000ms ease-out 225ms infinite; animation: ripple 3000ms ease-out 225ms infinite;}
.shui02:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #fd1605; opacity: 0; -webkit-animation: ripple 3000ms ease-out 675ms infinite; -moz-animation: ripple 3000ms ease-out 675ms infinite; -o-animation: ripple 3000ms ease-out 675ms infinite; animation: ripple 3000ms ease-out 675ms infinite;}
.shui{ overflow: hidden; width: 30px; height: 30px; position: absolute; left: 50%; margin-left: -80px; top: 0%; z-index: 0;}
.shui span{ width: 100%; height: 100%; display: block;}
.guang .shui{ display: none;}
.i_img_cf .shui{width: 30px;height: 30px;margin-left: -11px;top: 36%;}
.i_img_cw .shui{ width: 30px; height: 30px; margin-left: -10px; top:25%; }
.i_img_wsj .shui{width: 30px;height: 30px;margin-left: -6px;top: 53%;}
.i_img_zw .shui{  width: 30px; height: 30px; margin-left: -18px; top:43% }
.i_img_sf .shui{ width: 30px; height: 30px; margin-left: -34px; top:40%;}
.i_img_kt .shui{  width: 30px; height: 30px; margin-left: -10px; top:72%; }
.i_img_yt .shui{  width: 30px; height: 30px; margin-left: -13px; top:35%; }


.yi_c_right{ width: 270px; float: right; overflow: hidden;}
.yi_c1_img{ width: 100%; display: none;}
.yi_c1_img a{ width:auto; height: 174px; display: block;border: 3px solid #000; margin-bottom: 8px; overflow: hidden;}
.yi_c1_img a img{ max-width: 100%;}  
.yi_cont_t2{ width: 100%; position: relative ;}
.yi_cont_t2 h2{ font-size: 28px; color: #333; line-height: 40px; padding: 5px 0; font-weight: normal; border-bottom: 1px solid #999;}
.yi_cont_t2 span{ position: absolute; color: #999;left: 160px; top:15px; font-size: 14px;}
.yi_cont_t2 p{ position: absolute; color: #999;right: 0px; top:15px;}
.yi_cont_t2 a{ color: #999; padding: 0px 3px;}
.yi_cont_t2 a:hover{ color: #8b6e4a;}
.yi_c2_t{width: 300px; height: 390px; float: left; border-left: 1px solid #a1a1a1;border-top: 1px solid #a1a1a1;}
.yi_c2_t ul li{ overflow: hidden; float: left; text-align: center;}
.yi_c2_t ul li span{font-size: 18px;color: #999;line-height:24px;}
.yi_c2_t ul li b{ transition: all .5s ease; width: 90px;height: 50px;background: url(i_icon_02.png) 0px 0px no-repeat;display: block;margin: 0px auto;}
.yi_c2_t a{ display: block; width: 128px; height: 77px; border-bottom: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1;  }
.yi_c2_t .a2{ width: 170px;}  
.yi_c2_t .b1{background-position: 28px -56px;}
.yi_c2_t .b2{background-position: -52px -56px;}
.yi_c2_t .b3{background-position: -137px -56px;}
.yi_c2_t .b4{background-position: -225px -56px;}
.yi_c2_t .b5{background-position: -300px -59px;}
.yi_c2_t .b6{background-position: -369px -59px;}
.yi_c2_t .b7{background-position: -448px -60px;} 
.yi_c2_t .b8{background-position: -529px -59px;}
.yi_c2_t .b9{background-position: -606px -60px;} 
.yi_c2_t .b10{background-position: -684px -59px;}  
.yi_c2_t .current a{background-color: #bb9e7a;}
.yi_c2_t .current a span{ color: #fff;}
.yi_c2_t .current .b1{background-position: 28px 7px; }
.yi_c2_t .current .b2{background-position: -52px 7px;}
.yi_c2_t .current .b3{background-position: -137px 7px;}
.yi_c2_t .current .b4{background-position: -225px 7px;}
.yi_c2_t .current .b5{background-position: -300px 4px;}
.yi_c2_t .current .b6{background-position: -369px 4px;}
.yi_c2_t .current .b7{background-position: -448px 2px;} 
.yi_c2_t .current .b8{background-position: -529px 7px;}
.yi_c2_t .current .b9{background-position: -606px 4px;} 
.yi_c2_t .current .b10{background-position: -684px 7px;} 
.yi_c2_right{ position: relative; width: 890px;float: right;}
.yi_c2_img{width: 904px;}
.yi_c2_img ul li{width: 242px;height: 242px;display: inline;margin: 0 8px 8px 0;float: left;overflow: hidden;}
.yi_c2_img ul li img{width: 100%; min-height: 100%;}
.yi_c2_img .li01{ width: 390px;;}
.yi_c2_img .yi_pp_img{position: absolute;left: -309px;top: 402px;}
.yi_c2_img .yi_pp_img{ transform:none !important; transition: none !important; }
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.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 .current{ background-color: #8b6e4a;}
.i_gn_title .current span{  color: #fff; }
.i_gn_title .current b{  border-color: #fff; }
.i_gn_title .current i{  display: none; }
.i_gn_title .current b.b1{ background-position: 1px -64px;}
.i_gn_title .current b.b2{background-position: -66px -64px;}
.i_gn_title .current b.b3{background-position: -138px -64px;}
.i_gn_title .current b.b4{background-position: -219px -64px;}
.i_gn_title .current b.b5{background-position: -288px -64px;}
.i_gn_title .current b.b6{background-position: -361px -64px;}
.i_gn_title .current b.b7{background-position: -431px -68px;}
.i_gn_title .current b.b8{background-position: -507px -68px;}
.i_gn_title .current b.b9{background-position: -578px -69px;}
.i_gn_title .current b.b10{background-position: -647px -68px;}
.i_gn_title .current b.b11{background-position: -716px -66px;}
.i_gn_title .current b.b12{background-position: -785px -69px;} 
.i_gn_cont{ width: 100%; height: 390px; }
.i_gn_box{ width: 100%; height: 390px;position: relative; }
.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;}
.yi_ketang_01{ padding: 10px 25px 0 25px; width: 350px; height:490px; float: left ;border: 1px solid #d1d1d1; }
.yi_kt_t{ font-size: 18px; line-height: 30px;height: 40px; font-weight: normal; width: 100%;}
.yi_kt_t img{ padding-left: 8px;}
.ketang01{ width: 350px; height: 430px;}
.ketang01 a{ display: block;}
.ketang01 img{ width: 100%; height: 300px; }
.ketang01 h3{ font-size: 16px; padding: 10px 0 5px 0; font-weight: normal; line-height: 30px;}
.ketang01 p{ color: #999; }
.ketang01 .swiper-pagination-bullet{ border: 1px solid #a1a1a1; width: 6px; height: 6px; opacity: 1; background: none;}
.ketang01 .swiper-pagination-bullet-active{ background-color: #a1a1a1;}
.yi_kt_right{ width: 790px; float: right; overflow: hidden; }
.yi_ketang_02{width: 798px;}
.yi_ketang_02 ul li{width: 230px;height: 280px;float: left;display: inline;margin: 0 10px 0 0;padding: 10px 12px 0 12px;border: 1px solid #d1d1d1;}
.yi_kt_a{ width: 100%;}
.yi_kt_a a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 16px; line-height: 36px; color: #999;}
.yi_kt_a a:hover{ color: #8b6e4a;}
.yi_ketang_03{width: 798px; padding: 10px 0 0 0;}
.yi_kt_img{ width: 140px; height: 140px; float: left; overflow: hidden;}
.yi_kt_img img{ width: 100%; min-height: 100%;}
.yi_ketang_03 ul li{width: 363px;height: 190px;float: left;display: inline;margin: 0 10px 0 0;padding: 8px 12px 0 12px;border: 1px solid #d1d1d1;}
.yi_ketang_03 .yi_kt_a{ float: left; width: 210px; padding: 0 0 0 10px;}

.yi_dianqi{position: relative;}
.yi_c3_t{width: 300px; height: auto; float: left; border-left: 1px solid #a1a1a1;border-top: 1px solid #a1a1a1;}
.yi_c3_t ul li{ overflow: hidden; float: left; text-align: center;}
.yi_c3_t ul li span{font-size: 18px;color: #999;line-height:24px;}
.yi_c3_t ul li b{transition: all .5s ease;width: 96px;height: 64px;background: url(i_icon_03.png) 0px 0px no-repeat;display: block;margin: 0px auto;}
.yi_c3_t a{display: block;width: 99px;height: 96px;border-bottom: 1px solid #a1a1a1;border-right: 1px solid #a1a1a1;}
.yi_c3_t .a1{ width: 170px;} 
.yi_c3_t .a2{ width: 128px;}   
.yi_c3_t .b1{background-position: 8px -50px;}
.yi_c3_t .b2{background-position: -123px -50px;}
.yi_c3_t .b3{background-position: -229px -50px;}
.yi_c3_t .b4{background-position: -324px -50px;}
.yi_c3_t .b5{background-position: -426px -49px;} 
.yi_c3_t .current a{background-color: #bb9e7a;}
.yi_c3_t .current a span{ color: #fff;}
.yi_c3_t .current .b1{background-position: 8px 7px; }
.yi_c3_t .current .b2{background-position: -123px 7px;}
.yi_c3_t .current .b3{background-position: -229px 7px;}
.yi_c3_t .current .b4{background-position: -324px 7px;}
.yi_c3_t .current .b5{background-position: -426px 7px;} 
.yi_c3_adv{ width: 300px; position: absolute ; left: 0px; top: 378px;}
.yi_logo_img{width: 299px;border: 1px solid #a1a1a1;border-top: none;height: 168px;position: absolute;left: -310px;top: 195px;}
.yi_logo_img a{width: 44%;float: left;display: block;height: 71px;overflow: hidden;margin: 6px 7px 0px 8px;border: 1px solid #a1a1a1;}
.yi_logo_img a img{ max-width: 100%;}

.box01{ width:1000px; margin: 50px auto; position:relative;}
.box01 li{ float: left; width: 180px; text-align: center; padding-right: 10px; margin-right: 10px; height: 120px; margin-bottom: 15px; cursor: pointer; z-index:0; position:relative;}
.box01 li img{ height: 120px; margin: 0 auto;}
.box01 li .in{ position: absolute; left: 0; top: 0;width: 180px; }
.box01 li .in p{ display: none; text-align: left;}
.box01 li.on{ z-index:99;}
.box01 li.on .in{ padding: 5px; border: 1px solid #ccc; position:absolute;z-index:100; width:auto; text-align: center; top:-40px;  background: #fff;}
.box01 li.on .in p{ position:relative; display:block;}
.box01 li.on img{ height: auto; margin-bottom: 8px;}

@-webkit-keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -webkit-transform:scale(1)}}
@-moz-keyframes ripple{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -moz-transform:scale(1)}}
@-o-keyframes ripple{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0; -o-transform:scale(1)}}
@keyframes ripple{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);-moz-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1); } 5%{ opacity:1; }  100%{ opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}


/*品牌故事*/
.zt_pp_ban{ width: 100%; background: url(zt_pp_ban_bg.jpg) center top no-repeat; height: 800px;}
.zt_pp_ban .box_img{ padding: 168px 0 0 0;}
.zt_pp_bg{ width: 100%; background: center top no-repeat;}
.zt_pp_bg01{ background-image: url(zt_pp_bg01.jpg); height: 673px;}
.zt_pp_bg02{ background-image: url(zt_pp_bg02.jpg); height: 880px;}
.zt_pp_bg03{ background-image: url(zt_pp_bg03.jpg); height: 400px;}
.zt_pp_bg04{ background-image: url(zt_pp_bg04.jpg); height: 890px;}
.zt_pp_bg05{ background-image: url(zt_pp_bg05.png); height: 700px;}
.zt_pp_bg06{ background-image: url(zt_pp_bg06.jpg); height: 500px;}
.zt_pp_bg07{ background-image: url(zt_pp_bg07.jpg); height: 695px;}
.zt_pp_bg01 p{width: 460px;padding: 254px 68px 0 0;float: right;color: #fff;line-height: 37px;font-size: 16px;}
.zt_pp_bg02 p{color: #fff;line-height: 36px;font-size: 18px;}
.zt_pp_bg02 p.p1{float: left;padding: 648px 0 0 0;}
.zt_pp_bg02 p.p2{float: right;padding: 475px 0 0 0;text-align: right;}
.zt_pp_t{ width: 100%; text-align: center;}
.zt_pp_t h1{ color: #af8258; font-size: 40px; text-transform: uppercase; line-height: 50px;}
.zt_pp_t h2{   color: #333; font-size: 30px;  position: relative; line-height: 50px;}
.zt_pp_t h2 b{ height: 1px; width: 20%; display: block; background: #af8258; position: absolute; top: 25px;}
.zt_pp_t h2 b.b1{ left: 24%;}
.zt_pp_t h2 b.b2{ right: 24%;}
.zt_pp_t p{ font-size: 18px; line-height: 30px; padding: 5px 0;}
.zt_pp_t_fff h2 b{background: #fff;}
.zt_pp_t_fff h1,.zt_pp_t_fff h2,.zt_pp_t_fff p{ color: #fff;}
.zt_pp_bg03 ul li{ width: 200px; float: left;}
.zt_pp_bg03 h2{ color: #fff; line-height:65px; padding: 10px 0 0 10px; font-size: 24px; font-weight: normal;}
.zt_pp_bg03 h2 span{ font-size:60px;  }
.zt_pp_bg03 p{ font-size: 16px;  transition: all .5s ease; line-height:28px; color: #fff; padding:  0px 10px 0 10px;} 
.zt_pp_bg03 ul li:hover p{ padding-top: 15px;}
.zt_pp_bg03 ul li:hover h2{ color: #ff0;}
.zt_pp_box01{ width: 100%; }
.zt_pp_box01 ul li{ width: 390px; float: left; margin-right: 10px; }
.zt_pp_box01 .li01{border: 1px solid #2a2a2a;  width: 388px; border-bottom: none;}
.zt_pp_w1{ background: #2a2a2a; height: 100px; position: relative; }
.zt_pp_w1 img{padding: 10px 0 0 5px; }
.zt_pp_w1 p{ color: #fff; padding: 5px 12px 0 12px;}
.zt_pp_w1 b{background: #af8258;width: 96px;height: 76px;padding: 20px 0 0 0;color: #fff;display: block;right: 10px;top: -70px;border-radius: 50%;text-align: center;font-size: 26px;line-height: 30px;position: absolute;font-weight: normal;}
.zt_pp_bg04 ul li{ width: 400px; float: left;}
.zt_pp_w2{ width: auto;transition: all .5s ease; text-align: center; background: rgba(255,255,255,.1); height: 280px; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.zt_pp_w2 h2{ color: #fff; font-size: 36px; transition: all .5s ease;  line-height: 46px;;}
.zt_pp_w2 p{  color: #fff; font-size: 20px; padding: 10px 40px 0  40px; line-height: 36px;}
.zt_pp_w2 b{ font-size: 50px; line-height: 60px; color: #434344; transition: all .5s ease; text-transform: uppercase; display: block; padding: 25px 0 10px 0;}
.zt_pp_w3 h2{  padding: 60px 0 10px 0;}
.zt_pp_w3 h3{ color: #fff; font-size: 30px; font-weight: normal; line-height: 40px; border-top: 2px solid #fff; width: 80%; margin: 0 auto; padding: 10px 0 0 0;}
.zt_pp_w2:hover{ background:rgba(255,255,255,.5); } 
.zt_pp_w2:hover b{ padding: 15px 0 20px 0;}
.zt_pp_w2:hover h2{ padding: 10px 0 0 0;}
.zt_pp_w3:hover h2{ padding: 50px 0 30px 0;}
.zt_pp_bg05 .w1200{   position: relative;}
.zt_pp_bg05 img{ position: absolute; cursor: pointer;}
.zt_pp_bg05 .logo01{left: 200px;top: 128px;}
.zt_pp_bg05 .logo02{left: 378px;top: 128px;}
.zt_pp_bg05 .logo03{left: 564px;top: 146px;}
.zt_pp_bg05 .logo04{left: 764px;top: 168px;}
.zt_pp_bg05 .logo05{left: 965px;top: 182px;}
.zt_pp_bg05 .logo06{left: 92px;top: 213px;}
.zt_pp_bg05 .logo07{left: 280px;top: 217px;}
.zt_pp_bg05 .logo08{left: 476px;top: 233px;}
.zt_pp_bg05 .logo09{left: 669px;top: 258px;}
.zt_pp_bg05 .logo10{left: 870px;top: 276px;}
.zt_pp_bg05 .logo11{left: 186px;top: 315px;}
.zt_pp_bg05 .logo12{left: 388px;top: 328px;}
.zt_pp_bg05 .logo13{left: 590px;top: 340px;}
.zt_pp_bg05 .logo14{left: 781px;top: 365px;}
.zt_pp_bg05 .logo15{left: 970px;top: 377px;}
.zt_pp_bg05 .logo16{left: 295px;top: 410px;}
.zt_pp_bg05 .logo17{left: 497px;top: 442px;}
.zt_pp_bg05 .logo18{left: 698px;top: 450px;}
.zt_pp_bg05 .logo19{left: 877px;top: 446px;}
.zt_pp_bg05 .logo20{left: 409px;top: 531px;}
.zt_pp_bg05 .logo21{left: 605px;top: 543px;}
.zt_pp_bg06{ text-align: center;}
.zt_pp_bg06 h2{transition: all .5s ease; color: #fff; font-size: 66px; line-height: 74px; text-transform: uppercase;}
.zt_pp_bg06 p{color: #fff; padding: 20px 0 0 0; font-size: 18px; line-height: 30px;}
.zt_pp_bg06 p span{ font-size: 30px; }
.zt_pp_bg06:hover h2{ padding: 20px 0 20px 0;}
.zt_pp_tu{ margin-top: -56px; }
.zt_pp_tu .list_img{ margin-top: 10px;}
.zt_pp_bg07 .p0{color: #333;padding: 51px 0 0 688px;font-size: 20px;line-height: 36px;}

/*全包*/
.zt_qb_ban{ width: 100%; background: url(zt_qb_ban_bg.jpg) center top no-repeat; height: 700px;}
.zt_qb_ban_img{padding: 187px 0 0 63px;width: 900px;margin: 0px auto;text-align: left;}
.zt_qb_ban_img span{ display: block; float: left;}
.img_b02{-webkit-animation: bounceInDown 1.6s ease;    -moz-animation: bounceInDown 1.6s ease;    -ms-animation: bounceInDown 1.6s ease;    animation: bounceInDown 1.6s ease; }
.img_b03{-webkit-animation: bounceInDown 1.8s ease;    -moz-animation: bounceInDown 1.8s ease;    -ms-animation: bounceInDown 1.8s ease;    animation: bounceInDown 1.8s ease; }
.img_b04{-webkit-animation: bounceInDown 2s ease;    -moz-animation: bounceInDown 2s ease;    -ms-animation: bounceInDown 2s ease;    animation: bounceInDown 2s ease; }
.img_b05{-webkit-animation: bounceInDown 2.2s ease;    -moz-animation: bounceInDown 2.2s ease;    -ms-animation: bounceInDown 2.2s ease;    animation: bounceInDown 2.2s ease; }
.img_b06{-webkit-animation: bounceInDown 2.4s ease;    -moz-animation: bounceInDown 2.4s ease;    -ms-animation: bounceInDown 2.4s ease;    animation: bounceInDown 2.4s ease; }
.img_b07{-webkit-animation: bounceInDown 2.6s ease;    -moz-animation: bounceInDown 2.6s ease;    -ms-animation: bounceInDown 2.6s ease;    animation: bounceInDown 2.6s ease; }
.img_b08{-webkit-animation: bounceInDown 2.8s ease;    -moz-animation: bounceInDown 2.8s ease;    -ms-animation: bounceInDown 2.8s ease;    animation: bounceInDown 2.8s ease; }
.img_b09{-webkit-animation: bounceInDown 3s ease;    -moz-animation: bounceInDown 3s ease;    -ms-animation: bounceInDown 3s ease;    animation: bounceInDown 3s ease; }
.zt_qb_t1{ background-image: url(zt_qb_t1.jpg); height: 188px; }
.zt_qb_bg01{ background-image: url(zt_qb_bg01.jpg); height: 540px; padding-top:150px; }
.zt_qb_bg02{ background-image: url(zt_qb_bg02.jpg); height: 799px;  }
.zt_qb_bg04{ background-image: url(zt_qb_bg04.jpg); height: 899px;  }
.zt_qb_bg06{ background-image: url(zt_pp_bg07.jpg); height: 695px;}
.zt_qb_bg01 .list_img{  width: 750px; float: right;} 
.zt_qb_t{ width: 100%; text-align: center; background: #f4ede9; padding: 10px 0;}
.zt_qb_box01 ul li{ width: 593px; float: left; margin:0 7px 10px 0; display: inline; height: 300px;}
.zt_qb_box01 .list_img{ width: 294px; float: left; }
.zt_qb_w1{ background: url(zt_qb_bg03.jpg); width: 295px; height: 300px; float: left;}
.zt_qb_w1 h2{color: #666;font-size: 36px;line-height: 50px;text-align: right;padding: 5px 15px 0 0;}
.zt_qb_w1 p{line-height: 26px;color: #4d4f58;font-size: 18px;}
.zt_qb_w1 p.p1{padding: 40px 20px 0 30px;}
.zt_qb_w1 p.p2{padding: 85px 20px 0 30px;}
.zt_qb_w1_2 p.p1{padding: 34px 40px 0 30px;}
.zt_qb_w1_2 p.p2{padding: 54px 40px 0 30px;}
.zt_qb_bm{width: 100%; text-align: center; background: #f4ede9;  }
.zt_qb_bm_img{ width: 605px; float: left;}
.zt_qb_bm_img img{ max-width: 100%;}
.zt_qb_bm .tc_bm{ width: 590px; float: right; padding: 15px 0 0 0;}
.zt_qb_bm .tc_bm ul li{ width: 33%; float: left;}
.zt_qb_bm .tc_bm ul li input{ width: 92%; background: #fff; border-radius: 4px; border-color: #fff;} 
.zt_qb_bm .tc_bm .sub input{ background: #876a52; height: 42px;}
.zt_qb_bm .tc_bm .sub:hover input{ background: #d00;}
.zt_qb_bg04 .box_img{ padding: 800px 0 0 0;}
.zt_qb_baozhang ul li{width: 290px;height: 300px;background: #f4ede9;float: left; position: relative; display: inline;margin:0 10px 10px 0;text-align: center;}
.zt_qb_baozhang h2{font-size: 34px;line-height: 50px;padding: 29px 0 0 0;color: #8b6e4a;}
.zt_qb_baozhang p{font-size: 20px;  transition: all .5s ease;line-height: 30px;padding: 22px 0 0 0;color: #8b6e4a;}
.zt_qb_baozhang span{ position: relative;z-index: 2; width: 62px; padding: 10px 0 0 0; height: 52px; margin: 0px auto; display: block; border-radius: 50%; background: #6c241a; }
.zt_qb_baozhang b{height: 1px;width: 100%;position: absolute;background: #ddd;top: 111px;left: 0px;}
.zt_qb_baozhang ul li:hover p{ padding: 30px 0 0 0;}
.zt_qb_bg06 .p0{color: #333;padding: 51px 0 0 688px;font-size: 20px;line-height: 36px;}
.zt_qb_bg02 .w1200{ padding: 110px 0 0 0}
.zt_qb_bao{ width: 1040px; height: 500px; padding: 200px 0 0 0 !important; }
.zt_qb_cont{ width: 100%;}
.zt_qb_cont .list_img{ width: 700px; float: left;}
.zt_qb_bao_w{float: left;padding: 90px 0 0 15px; width: 300px;}
.zt_qb_bao_w h2{color: #fff;line-height: 40px;font-size: 28px;font-weight: normal;}
.zt_qb_bao_w p{color: #fff;font-size: 16px;line-height: 30px;padding: 20px  0px 20px 0;}
.zt_qb_bao_w a{ border: 1px solid #fff; font-size: 18px; color: #fff; padding: 10px 30px;}
.zt_qb_bao_w a:hover{ background: #fff; color: #d00;}
.zt_qb_bao_nav {bottom: 563px !important;}
.zt_qb_bao_nav span {width: 100px;height: 30px;line-height: 30px;border-radius: 0;background: none;font-size: 28px;opacity: 1;color: #fff;}
.zt_qb_bao_nav .swiper-pagination-bullet-active{ color: #8b6e4a; background: none;}
.swiper-button-next, .swiper-button-prev{ top: 60% !important;}

/*设计师板块*/
.show{ width: 100%; height: 100%; background: rgba(0,0,0,.6); position: fixed; z-index:999; left: 0; top: 0;}
.sjs_de_ban{ width: 100%; background: url(sjs_de_bg.jpg) center top no-repeat; height: 400px; overflow: hidden;}
.sjs_de_ban_img{ float: left; width: 300px;}
.sjs_de_ban_img img{ max-width: 100%;}
.sjs_de_ban_de{ float: left; width:620px; position: relative;}
.sjs_de_ban_de h2{ color: #fff; font-weight: normal; font-size: 26px; line-height: 40px; padding: 80px 0 0 0;}
.sjs_de_ban_de h2 span{ font-size: 18px; padding: 0 0 0 20px;}
.sjs_de_ban_de .p0{ position: absolute; right: 0px; top: 80px;}
.sjs_de_ban_de .p0 a{ border: 1px solid #fff; color: #fff; font-size: 16px; margin: 0 6px; padding: 0 20px; line-height: 30px; display: inline-block; border-radius: 20px;}
.sjs_de_ban_de .p0 a.a1{ background: #8b6e4a; border-color: #8b6e4a;}
.sjs_de_ban_de .p0 a:hover{ background: #a6610b; border-color:#a6610b; color:#fff ;}
.sjs_de_ban_de .p1{ color: #fff; line-height: 30px; height: 60px; padding: 10px 0; width: 80%; border-bottom: 1px solid #fff;}
.sjs_de_ban_xx{ width: 100%; padding: 10px 0 0 0;}
.sjs_de_ban_xx p{ color: #fff; line-height: 30px; }
.sjs_de_ban_xx p .s1{ display: block; float: left; width: 12%;;}
.sjs_de_ban_xx p .s2{ display: block; float: left; width: 83%;}
.sjs_de_bm{width: 260px;left: 50%;margin-left: 340px;z-index: 99;position: fixed;top: 24%;}
.sjs_de_bm .tc_bm{ background: #f1f1f1;  padding: 0 10% 14px 10%; margin: 0;}
.sjs_de_bm .tc_bm input{ border-radius:0px; border-color: #ccc; height: 36px; line-height: 36px;;}
.sjs_de_bm .tc_bm .sub input{ background: #8b6e4a; width: 100%; padding: 0;}
.sjs_bg_f9{ background-color: #f9f9f9; width:  930px;;}
.sjs_de_title{ width: 100%; padding: 12px 0; text-align: center; position: relative;}
.sjs_de_title h2{ color: #8b6e4a; font-size: 24px; font-weight: normal; }
.sjs_de_title span{color: #888; font-size: 16px; text-transform: uppercase; }
.sjs_de_title b{ position: absolute; top: 70%; background: #ccc; height: 1px; width: 42%; display: block;}
.sjs_de_title b.b1{ left: 10px;}
.sjs_de_title b.b2{ right: 10px;}
.sjs_de_zuopin{ width: 100%; padding: 10px 0;}
.sjs_de_zuopin ul li{ width: 300px; height: 245px; float: left; margin: 0 5px; display: inline;}
.sjs_de_zuopin .list_img{ height: 200px;}
.sjs_de_zuopin p{ line-height: 40px; font-size: 16px; background: url(icon_right.png) right center no-repeat;}
.sjs_zp_more{ width: 100%; text-align: center;}
.sjs_zp_more a{ color: #8b6e4a; padding: 4px 20px; border-radius: 4px;}
.sjs_zp_more a:hover{ background: #8b6e4a; color: #fff;}
.sjs_de_pinglun{ width: 94%; margin: 0 auto ; padding: 10px 2%; background: #fff;}
.sjs_pl_t{ width: 100%; height: 35px;line-height: 30px; border-bottom: 1px solid #e6e6e6;}
.sjs_pl_t h2{ display: inline-block; float: left; font-weight: normal; font-size: 22px; color: #666; line-height: 30px;}
.sjs_pl_t p{ float: left; color: #999; padding: 0 0 0 10px;}
.sjs_pl_t .time{float: right;color: #999;}
.sjs_pl_cont{ width: 100%;padding: 6px 0;;}
.sjs_pl_cont .p0 { padding: 6px 0;}
.sjs_pl_cont .p0 span{ border: 1px solid #8b6e4a; cursor: pointer; padding: 0px 10px; display: inline-block ; color:#8b6e4a; border-radius: 20px ;line-height: 24px; margin: 0 10px 0 0; }
.sjs_pl_cont .p0 span:hover{ background: #8b6e4a; color: #fff;}
.sjs_pl_cont .pl_words_p{ color: #999 ;}
.sjs_pl_cont .pl_words_p span{ color: #8b6e4a;}
.sjs_pl_img{ width: 100%; padding: 10px 0 0 0;}
.sjs_pl_img img{ width: 31%; margin: 0 1%; float: left;}

.sjs_list_ban{ width: 100%; background: url(banner_03.jpg) center top no-repeat; height: 600px;}
.sec_site{ width: 100%; height: 30px;}
.sec_site p{ line-height: 30px; font-size: 16px;}
.sec_site p a{color: #d5ad58; padding: 0 5px 0 0;}
.sjs_list{ width: 100%;}
.sjs_list ul li{ width: 570px; transition: all .5s ease;; float: left; margin: 0 10px 10px 0; background: #f8f8f8; padding: 5px 10px;}
.list_sjs_img{ width: 180px; height: 270px; overflow: hidden; position: relative; background: url(sjs_list_bg.jpg) left top no-repeat; float: left; text-align: center;}
.list_sjs_img img{ max-width: 100%; left: 0; position: absolute; bottom: 0px;  }
.sjs_list > ul > li:hover {  margin: 0 0 10px 10px;}
.list_sjs_words{ width: 380px; float: right;}
.list_sjs_w_zp{ width: 100%; padding: 10px 0 0 0;}
.list_sjs_w_zp span{color: #666;  font-size: 14px; }
.list_sjs_w_zp ul{ display: flex; align-items: center; justify-content: space-between;}
.list_sjs_w_zp ul li{  overflow: hidden;  width: 32%; float: none; padding: 0; height: 80px; margin: 0; }
.list_sjs_w_zp img{ max-width: 100%; ;}
.list_sjs_words h2,.al_de_sjs_w h2{ padding: 5px 0 10px 0; font-weight: normal; color: #8b6e4a; font-size: 24px; line-height: 30px; }
.list_sjs_words h2 span,.al_de_sjs_w h2 span{ padding-left: 10px; color: #666; font-size: 14px;;}
.list_sjs_words h2 b{ font-weight: normal; float: right;color: #666;  font-size: 14px;}
.list_sjs_words p{ height: 44px; line-height: 22px; overflow: hidden;color: #666;  width: 100%;}
.list_sjs_w_a{ width: 100%; text-align: right; padding: 10px 0 0 0;}
.list_sjs_w_a a{ border: 1px solid #aaa; color: #666; font-size: 14px; margin: 0 5px; padding: 0 14px; line-height: 24px; display: inline-block; border-radius: 10px;}
.list_sjs_w_a a.a1{ background: #8b6e4a; border-color: #8b6e4a; color: #fff;}
.list_sjs_w_a a:hover{ background: #a6610b; border-color:#a6610b; color:#fff ;}
/*.sjs_list_more{ width: 100%; text-align: center;}
.sjs_list_more a{ display: block; background: #f1f1f1; line-height: 30px; color: #666;}
.sjs_list_more a:hover{color: #8b6e4a; }*/

.show_box_sjs{ width: 600px; height: 400px; background: #fff; position: absolute; left: 50%; margin-left: -300px; top: 20%;}
.show_box_sjs .list_sjs_img{ width: 270px; height: 400px;;}
.tc_sjs_words{ width: 320px; float: left; text-align: center;}
.tc_sjs_t{ width: 100%;;}
.tc_sjs_t h2{ font-weight: normal;  color: #8b6e4a; font-size: 36px; line-height: 50px; padding: 60px 0 10px 0;}
.tc_sjs_t span{ font-size: 22px; display: inline-block; color: #666; border-top:1px solid #8b6e4a; line-height: 40px ;}
.tc_sjs_words .tc_bm{ width: 90%;  padding: 0 0 10px 0;  }
.tc_sjs_words .tc_bm input{ border-radius:0px; border-color: #ccc; height: 36px; line-height: 36px;;}
.tc_sjs_words .tc_bm .sub input{ background: #8b6e4a; width: 100%; padding: 0;}
.tc_bm_p{ text-align: left;  color: #999; padding: 0 0 0 5%; }
.a_close_sjs{ position: absolute; right: 4px; top: 4px;-moz-transform: rotate(-360deg);  -webkit-transform:rotate(-360deg);  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -moz-transition: 1s ease-in-out 0s;  -webkit-transition: 1s ease-in-out 0s;}
.a_close_sjs:hover {  -moz-transform: rotate(360deg);  -webkit-transform:rotate(360deg);  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -moz-transition: 1s ease-in-out 0s;  -webkit-transition: 1s ease-in-out 0s;}

/*案例详情页*/
.al_de_ban{ padding: 10px 0;}
.al_de_ban .list_img{ width: 600px; height: 400px; float: left; }
.al_de_words{ float: left; width: 550px; padding: 10px 0 0 40px;}
.al_de_words_t{ width: 100%;;}
.al_de_words_t h2{ font-size: 30px; line-height: 40px; font-weight: normal; color: #333;}
.al_de_t{ padding: 6px  0; width: 100%; position: relative; }
.al_de_t b{ color: #8b6e4a; font-size: 18px; font-weight: normal;}
.al_de_t span{ color: #666; padding: 0 0 0 8px; text-transform: uppercase;}
.al_de_t i{ width: 40px; height: 1px; position: absolute; left: 0px; bottom: 4px; background: #999;}
.al_de_sjs{ width: 100%; padding: 10px 0;}
.al_de_sjs .list_sjs_img{ width: 120px; height: 180px;}
.al_de_sjs_w{ width: 300px; float: left; padding: 0 0 0 10px; }
.al_de_sjs_w h2{ padding: 10px 0 0 0;}
.al_de_sjs_w p{ color: #666; line-height: 30px;}
.al_de_sjs_w  .list_sjs_w_a{ text-align: left;}
.al_de_w_de{ width: 100%; padding: 10px 0 0 0;}
.al_de_w_de p{ display: block; float: left; font-size: 17px; width: 40%; color: #8b6e4a; line-height: 30px;}
.al_de_w_de p span{ color: #666;}
.al_cont{ width: 100%;}
.al_cont_left{ width: 930px; background: #f5f5f5; float: left; padding: 15px 10px 0 15px; position: relative; }
.al_img_cont{ width: 840px; float: left;  }
.al_img_li{ width: 100%;position: relative;}
.al_img_li img{ max-width: 100%;  padding-bottom: 15px;}
.al_img_li h2{font-weight: normal; font-size: 18px; line-height: 30px; color: #666;}
.al_img_li b{ height: 98%; z-index: 1; width: 1px; display: block; position: absolute; right: -16px; top: 30px; background: #999;}
.al_img_nav{ width: 80px; padding: 30px 0 0 0 ;   height: 100%; position: relative; float: right; z-index: 10;}
.al_img_nav ul li{ width: 100%;}
.al_img_nav a{ display: block; z-index: 3; position: relative; line-height: 30px; padding-left: 20px; color: #999;}
.al_img_nav a span{ width: 12px; height: 12px; display:block ; border-radius: 50%; position: absolute; left: 0px; top: 9px; background: #999;}
.al_img_nav a.active { color: #8b6e4a;}
.al_img_nav a.active span{ background:  #8b6e4a;}
.al_nav_fixed{ position: fixed; left: 50%; margin-left: 265px; top: 50px;}
.al_img_next{ width:90%; margin: 0 auto;text-align: center; }
.al_img_next ul li{width: 42%; padding: 0 4%; float: left;  }
.al_img_next a{  line-height: 40px; font-size: 16px; color: #666; margin: 0 1%;}
.al_img_next a:hover{ background: #8b6e4a; border-color: #8b6e4a; color: #fff;}
.al_cont_right{  width: 230px; float: right;}
.al_cont_hot{ width: 100%; }
.al_cont_hot h2{ font-size: 18px; font-weight: normal; padding-bottom: 6px; color: #8b6e4a;}
.al_cont_hot h2 a{float: right; font-size: 14px; color: #666;}
.al_hot_li ul li{ padding-bottom: 10px;;}
.al_hot_li .list_img{ height: 156px;}
.al_hot_li p{ color: #999; border-bottom: 1px solid #e6e6e6; line-height: 30px; background: url(icon_right.png) right center no-repeat;}
.al_hot_li ul li:hover p{ color: #8b6e4a; }
.al_cont_bm{ width: 230px; }
.al_cont_bm .tc_bm{ background: #f1f1f1;  padding: 0 10% 14px 10%; margin: 0;}
.al_cont_bm .tc_bm input{ border-radius:0px; border-color: #ccc; height: 36px; line-height: 36px;;}
.al_cont_bm .tc_bm .sub input{ background: #8b6e4a; width: 100%; padding: 0;}
.al_bm_fixed{ position: fixed;left: 50%; margin-left: 370px; top:80px; z-index: 99;}
.h_top{ width: 100%; height: 210px;}
.h_foot{ width: 100%; height: 480px;}

.i_center_box{ width: 100%; background: url(i_center_bg.jpg) center top no-repeat; height: 300px; padding: 100px 0 0;}
.i_center_t{ width: 180px; height: 240px; float: left;border-radius: 20px; overflow: hidden; }
.i_center_t ul li{ cursor: pointer; height: 120px;  width: 100%; background: #dbdbdb; text-align: center; }
.i_center_t b{ width:100%; display: block; height: 70px; background: url(icon_i_cener01.png) center 22px no-repeat;}
.i_center_t b.b2{ background-image: url(icon_i_cener02.png);}
.i_center_t  span{ display: block; font-size: 20px; line-height: 30px; color: #999;}
.i_center_t .current {background: #bb9e7a;}
.i_center_t .current span{color: #fff;}
.i_center_t .current .b1{ background-image: url(icon_i_cener01_2.png);}
.i_center_t .current .b2{ background-image: url(icon_i_cener02_2.png);}
.i_center_cont{ width: 990px; float: right;}
.i_center_input{ width: 700px; float: left; padding: 4px 0 0; }
.i_center_img{ width: 240px; height: 240px; float: right; overflow: hidden}
.i_center_input ul li{ padding: 10px 0; display: flex; align-items: center; justify-content:flex-start; width: 50%; position: relative; float: left;}
.i_center_input strong{ font-size: 20px; font-weight: normal; color: #666}
.i_center_input input{ line-height: 36px; height: 36px; border-radius: 4px; border:1px solid #ccc; width: 220px; padding-left: 10px;}
.i_center_input .li01{width:100%; }
.i_center_input span{ position:absolute; right: 22px; top: 24%;}
.i_center_input select{ font-size: 18px; width: 130px; line-height: 36px; height: 36px; border-radius: 4px; border:1px solid #ccc; display: inline; margin-right: 20px;  }
.i_center_input .li01 select:nth-last-child(1){ margin: 0 0 0 1px}
.i_center_input .sub{width: 100%;display: block;}
.i_center_input .sub input{cursor: pointer;background: #bb9e7a;width: 300px;color: #fff;outline: none;font-size: 18px;border: none;border-radius: 0px;margin: 0 auto;padding: 0;display: block;}
.i_center_input .sub input:hover{ background: #b17e3f;}
.i_center_input .sub p{font-size: 14px;color: #666;display: block;width: 100%;text-align: center;}
.i_center_input .li02 select{ width:230px ; font-size: 16px;}



.i_gongdi{ width: 100%;}
.i_gongdi ul{ display: flex; align-items: center; justify-content: space-between; flex-flow: wrap;}
.i_gongdi ul li{ width: 290px;  margin-bottom: 12px;  }
.i_gongdi .list_img{ height: 190px; }
.i_gongdi .i_gd_words{ padding: 5px 0 0 0;}
.i_gongdi .i_gd_words h2{ font-size: 18px; line-height: 30px;}
.i_gongdi .i_gd_words h2 a:hover{ color: #ff8400;}
.i_gongdi .i_gd_words h2 span{display: inline-block;font-weight: normal;font-size: 14px;color:#fff;background: #dc3737;padding: 0 10px;border-radius: 10px;line-height: 22px;margin: 0 0 0 10px;}
.i_gongdi .i_gd_words p{ font-size: 14px; color: #666;}
.i_shejishi {height: 360px;}
.i_shejishi .swiper-wrapper{ height: auto;}
.i_shejishi .swiper-slide{ height: auto;}
.i_shejishi .swiper-slide:hover{ box-shadow: 0 1px 4px #ccc; background: #fafafa;  }
.i_shejishi .list_img{ width: 100%; height:280px;margin: 0 auto;  background: url(sjs_list_bg.jpg) center top no-repeat; background-size: 100% auto;   }
.i_shejishi .list_img img{ height: auto;} 
.i_sjs_words{width: auto;text-align:center;border: 1px solid #eee;padding: 0 0  6px 0;}
.i_sjs_words h2 a{line-height: 40px;font-weight: normal;font-family: "pingfang";font-size:18px;}
.i_sjs_words h2 a:hover{ color: #ff8400;} 
.i_sjs_words h2 span{display: inline-block;font-weight: normal;border-radius: 10px;padding: 0 14px;line-height: 22px;font-size: 14px;color: #fff;background: #dc3838;margin-left: 10px;}
.i_sjs_words h2 span.zj{ background: #c77f22;}
.i_sjs_words p{font-size: 14px;font-family: "pingfang";color: #666; }
.i_sjs_words p span{ color: #999;}
.i_shejishi .swiper-pagination{ bottom: 0 !important;}
.i_shejishi .swiper-pagination-bullet{  height: 2px; width: 40px; border-radius: 0px; background: rgba(0,0,0,0.3); }
.i_shejishi .swiper-pagination-bullet-active{ background: #ff8400;}

/*在建工地*/
.ban_sec{ width: 100%; background: center top no-repeat;}
.ban_sec_gd{ background-image: url(ban_sec_gd.jpg); height: 195px;}
.s_cont{background:#fff;}
.s_cont li{padding: 0px 0px 0px 110px;border: 1px solid #e6e6e6;margin-bottom: 10px;position: relative;} 
.s_cont dl{zoom:1;}
.s_cont dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden}
.s_cont dt{text-align:center;line-height: 44px;height: 100%;color: #999;position:absolute;top:0;font-size: 15px;border-right: 1px solid #eee;left: 0px;bottom: 0px;width: 100px;}
.s_cont dd{float:left;display: inline-block;margin: 0 5px;line-height: 44px;height: 44px;}
.s_cont a{display:inline-block;white-space:nowrap;height: 32px;line-height: 32px;padding:0 10px;text-decoration:none;color:#333;border-radius:2px;font-size:14px;}
.s_cont a:hover{color:#fff;background-color:#8b6e4a}
.s_cont .selected a{color:#fff;background-color:#8b6e4a} 
 
.list_gongdi{ width: 100%; }
.list_gd_left{ width: 900px; float: left; }
.list_gd_cont{ width: 100%;;}
.list_gd_cont ul li{ padding: 16px 0; border-bottom: 1px solid #eee;}
.list_gd_cont ul li:after{content: " ";    display: table;    clear: both}
.list_gd_cont ul li:hover{ background-color: #f8f8f8;}
.list_gd_cont .list_img{ width: 300px; height: 200px; float: left; }
.list_gd_words{ width: 580px; float: left; padding: 10px 0 0 20px; position: relative; }
.list_gd_words h2{ font-size: 22px; font-weight: normal; line-height: 40px;;}
.list_gd_words h2:hover{ color: #8b6e4a;}
.list_gd_words .p0{  z-index: 2; position: absolute; right: 0px; top: 16px; text-align: right;}
.list_gd_words .p0 a{ border: 1px solid #8b6e4a; color: #8b6e4a; font-size: 14px; display: inline-block; margin: 0 10px; padding:  0 10px; }
.list_gd_words .p0 a:hover{ background: #8b6e4a; color: #fff;}
.list_gd_words .p1{ display: block;}
.list_gd_words .p1 span{ display: inline-block; width: 40%; color: #999; line-height: 36px; }
.list_gd_words .p1 span b{font-weight: normal; }
.sg_jindu{ width: 100%; padding: 6px 0 0 0;}
.sg_jindu span{border: 1px solid #8b6e4a; color: #8b6e4a; font-size: 14px; display: inline-block; margin: 0 20px 0 0; padding:  0 16px;  }
.sg_01 span:nth-child(1){background: #8b6e4a; color: #fff;}
.sg_02 span:nth-child(1),.sg_02 span:nth-child(2){background: #8b6e4a; color: #fff;}
.sg_03 span:nth-child(1),.sg_03 span:nth-child(2),.sg_03 span:nth-child(3){background: #8b6e4a; color: #fff;}
.sg_04 span:nth-child(1),.sg_04 span:nth-child(2),.sg_04 span:nth-child(3),.sg_04 span:nth-child(4){background: #8b6e4a; color: #fff;}
.sg_05 span{background: #8b6e4a; color: #fff;}
.list_gd_right{ width: 290px; float: right; position: relative;}
.list_gd_fix{ position: fixed;left: 50%; margin-left: 310px; top:60px; z-index: 99;}
.list_gd_adv{ width: 290px; background: #fff; }
.list_gd_adv .tc_bm{ width: 100%; margin: 0;}
.list_gd_adv .tc_bm ul li{ padding: 10px 0 0 0;}
.list_gd_adv .tc_bm input{ border-radius:0px; border-color: #ddd; height: 40px; line-height: 40px;;}
.list_gd_adv .tc_bm .sub input{ background: #8b6e4a; width: 100%; padding: 0;}
.list_gd_sjs{ width: 100%; border-bottom: 1px solid #eee; }
.list_gd_sjs .t1{ font-size: 18px; font-weight: normal; padding-bottom: 6px; color: #8b6e4a;}
.list_gd_sjs .t1 a{float: right; font-size: 14px; color: #666;}
.list_gd_sjs .al_de_sjs{ padding: 0 0 10px 0;}
.list_gd_sjs .al_de_sjs_w{width: 160px;}
.list_gd_sjs .al_de_sjs_w h2{padding: 4px 0 0 0;font-size: 22px;line-height: 26px;}
.list_gd_sjs .al_de_sjs_w p{ color: #999; line-height: 22px; font-size: 13px;}
.list_gd_sjs .list_sjs_w_a{padding: 2px 0 0 0;}
.list_gd_sjs .list_sjs_w_a a{border-radius: 0;line-height: 33px;width: auto;margin: 5px 0 0 0;display: block;padding: 0;text-align: center;}
.list_gd_sjs .list_sjs_w_a a:nth-child(2){ background: #8b6e4a; color: #fff; border-color: #8b6e4a;}
 
.gd_de_ban{ padding: 20px 0;}
.gd_de_ban .list_img{ width:450px; height: 300px; float: left; }
.gd_de_words{ width: 440px; float: left; padding: 0 0 0 12px; }
.gd_de_words h2{font-size: 30px;font-weight: normal;line-height: 46px;padding: 16px 0 0 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.gd_de_words .p1{ display: block;}
.gd_de_words .p1 span{ display: inline-block; width: 45%; color: #999; line-height: 36px; }
.gd_de_words .p1 span b{font-weight: normal; }
.gd_de_words .sg_jindu{ padding: 12px 0 0 0;}
.gd_de_words .sg_jindu span{ border-radius: 8px; font-size: 13px; margin: 0 10px 0 0; padding:  0 10px;  }
.gd_de_bm{ width: 260px; float: right; background: #fff; box-shadow: 0 1px 3px #ccc;}
.gd_de_ban .gd_de_bm .list_img{ width:100%; height: 130px; float: none; }
.gd_de_bm .tc_bm{ background: #fff;  padding:12px 6% 12px 6% ;margin: 0; width: 88%;}
.gd_de_bm .tc_bm ul li{ padding: 10px 0 0 0;}
.gd_de_bm .tc_bm input{ border-radius:0px; border-color: #ddd; height:36px; line-height: 36px;;}
.gd_de_bm .tc_bm .sub input{ background: #8b6e4a; width: 100%; padding: 0;}
.gd_cont_left{ width: 870px;}
.gd_cont_left .al_img_cont{ width: 100%;}
.gd_cont_left .al_img_li b{ right: -36px;}
.gd_nav_fixed{ position: fixed;  left: 50%; margin-left: 205px; top:40px;}
.gd_cont_right{ width: 290px; float: right; background: #fff;  }
.gd_video,.gd_video video{ width: 100%;;}

.ban_sec_vr{ background-image: url(ban_sec_vr.jpg); height: 600px;}
.bg_f1{ width: 100%; background: #f1f1f1;}
.vr_list{ width: 1220px;}
.vr_list ul{ }
.vr_list ul li{width: 390px;height: 458px;background: #fff;margin: 0 15px 15px 0; display: inline; float: left;}
.vr_list_img{ width: 100%; height: 300px; background: #e8e8e8; overflow: hidden; }
.vr_list_img img{ max-width: 100%;}
.vr_words{width: auto;position: relative;padding: 9px  10px;border-bottom: 1px solid #ddd;}
.vr_words h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 250px;color: #333;font-size: 18px;line-height: 28px;}
.vr_words p{ color: #666; font-size: 14px; line-height: 22px; } 
.vr_words a{background: #d42a30;color: #fff;border-radius: 8px;padding: 0 13px;line-height: 34px;position: absolute;right: 10px;top: 17px;font-size: 16px;}
.vr_words a:hover{ background: #c0030a;}
.vr_words2{display: flex;align-items: center;justify-content: center;width: 100%;padding: 10px 0 0;}
.vr_list_sjs{ width: 66px; height: 66px; overflow: hidden; border-radius: 50%; background: url(sjs_list_bg.jpg) center top no-repeat; background-size: 100% auto;}
.vr_list_sjs img{ max-width: 100%;}
.vr_list_p { padding: 0 0 0 14px; position: relative; width: 260px;}
.vr_list_p div{ width: 50%; float: left;} 
.vr_list_p div span{ display: block;color: #333; font-size: 18px; line-height: 24px;}
.vr_list_p div span.s0{ color: #999; font-size: 16px;}
.vr_list_p div:nth-child(1):after{ content: ""; display: block; width: 1px; height: 50px; background: #ccc; left:43%; top: 0px; position: absolute; }
 
.s_cont_vr  .selected a,.s_cont a:hover{ background: #db3736;}
.show_vr_box{ width: 800px; margin: 0 0 0 -400px; position: absolute; left: 50%; top: 16%; padding: 20px 0; background: #fff; border-radius: 10px;}
.show_vr_box .a_close{ position: absolute; right: 20px; top: 20px;}
.show_vr_t{ width: 100%; text-align: center; padding: 10px 0 0;}
.show_vr_t h2{ font-weight: normal; font-size: 30px; line-height: 40px; padding: 6px 0;}
.show_vr_t span{ color: #df3637; font-size: 20px; line-height: 30px; display: flex ; align-items: center; justify-content: center;}
.show_vr_t b{ margin: 0 4px; display: inline-block; width: 50px; height: 1px; background: #df3637;}
.show_vr_c{ width:90%; margin: 0 auto;}
.show_vr_c ul li{ margin-bottom: 10px;}
.show_vr_c strong{ display: block; width: 100%; line-height: 40px; font-size: 16px; font-weight: normal;}
.show_vr_c span{ width: 100px; height: 32px; display: inline-block; margin-right: 14px; color: #999; background: #f1f1f1; line-height: 32px; text-align: center; font-size: 16px; cursor: pointer;}
.show_vr_c span.selected{ background: #db3736; color: #fff;}
.show_vr_bm{width:90%; margin: 0 auto; padding: 15px  0; }
.show_vr_bm ul li{ width: 31%; margin-right: 2%; float: left; position: relative;}
.show_vr_bm ul li span{ width: 0; right: 6px; top: 12px; position: absolute;}
.show_vr_bm ul li input{ border: none; outline:none; line-height: 60px; background: #f1f1f1; font-size: 18px; padding-left: 5%; width: 94%; }
.show_vr_bm .sub{ background: #db3736; }
.show_vr_bm .sub input{ width: 100%; background: none; cursor: pointer; padding: 0; color: #fff;}
.show_vr_bm .sub input:hover{  background:#c20605}