@font-face {
    font-family: 'didot';
    src: url('didot.eot');
    src:  url('../fonts/didot.eot?#iefix') format('embedded-opentype'),
          url('../fonts/didot.woff') format('woff'),
         url('../fonts/didot.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
  }
body{overflow-x:hidden;  background: #fff;}
.containers{width: 72%; margin: 0 auto;}

.header{height: 95px; width: 100%; line-height: 95%; z-index: 9999; background: url(../images/header_yy.png); position: fixed; top: 0; left: 0;}
.logo{width: 17%; text-align: center; line-height: 95px; height: 95px; display: table; position: absolute; left: 0; top: 0; background: #39271d;}
.logo a{display: block; display: table-cell; vertical-align: middle;}
.logo a img{width: 56%;}
.header .header_search{position: absolute; right: 0; top: 0; height: 100%; width: 95px; cursor: pointer;}
.header .header_search span{text-transform: uppercase; font-size: 12px; color: #e6d0bc; }
.header .search_xx{position: absolute; width: 100%; height: 100%; right: 0; top: 0; z-index: 10;background: #090605 url(../images/search_icon.png) center center no-repeat;;}
.searchBox{position: absolute; opacity: 0; filter:alpha(opacity=0); zoom:1; width: 180px; height: 40px; border-bottom: 1px #7f5a3c solid; top: 26px; left: 0;}
.searchBox .search_text{color: #e6d0bc; font-size: 12px; padding-left: 5px; background: none; display: block; border: 0; line-height: 40px; height: 40px; width: 80%;}
.nav{position: absolute; width: 100%; padding-left: 17%; padding-right: 95px; left: 0; top: 0;}
.nav li{width: 9.5%; text-align: center; line-height: 95px; height: 95px; display: block; float: left; position: relative;}
.nav ul{width: 100%;}
.nav li a{color: #e6d0bc; font-size: 14px; overflow: hidden; display: block; height: 30px; line-height: 30px; position: relative; position: absolute; width: 100%; top: 50%; margin-top: -15px;left: 0;}
.nav li a span{display: block;}
.nav li a .nav_yw{margin-top: -30px;}
.nav li:hover .nav_yw,.nav li.active .nav_yw{margin-top: 0; }
.nav li:hover a,.nav li.active a{color: #ebab70;}
.anvsubF{position: absolute; top: 95px; display: none; width: 100%; background:url(../images/header_yy.png); ; padding-left: 17%;  padding-right: 95px;left: 0;}
.anvsubF a{color: #fff; display: block; line-height: 30px;position: relative; z-index: 10;}
.anvsubF .anvsub{width: 9.5%;  position: relative; display: block; float: left; text-align: center; padding-top: 20px; padding-bottom: 20px;}
.anvsubF .anv_bg{position: absolute; width:100%; height: 100%; background: url(../images/navsub_bg.png); left: 0; top: 0;z-index: 1;}
.anvsubF .anv_bg span{width: 0;}
.anvsubF .anvsub:hover .anv_bg,.anvsubF .anvsub.active .anv_bg{transform:scaleX(1); -o-transform:scaleX(1); -ms-transform:scaleX(1); -moz-transform:scaleX(1); -webkit-transform:scaleX(1);}
.anvsubF a:hover{color: #ebab70;}

.header .common_nav_click{ cursor: pointer; display: none;  position: absolute; right: 15px; top: 50%; margin-top: -10px; z-index: 100;  z-index: 100;width: 28px;  height: 21px;}
.header .common_nav_click .nav_click{width: 28px; height: 3px;margin-bottom: 6px; background: #cdd1dd;}
.header .tranlate{transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; -moz-transform-origin:0 0; -webitk-transform-origin:0 0; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);   transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.header .tranlate1{transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; -moz-transform-origin:0 0; -webitk-transform-origin:0 0;  transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s;  position: relative;top: -1px;left: -2px;}
.header .tranlate2{ transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);  transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
.header .common_nav_click .nav_click_3{margin-bottom: 0;}

.slide_nav{background: #39271d;  transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; width: 100%; position:fixed; left: -100%; top: 0; height: 100%; z-index: 99999;}
.slide_nav.left_active{left: 0;}
.slide_nav .slide_logo{background: #fff; text-align: center; padding: 15px 0;}
.slide_nav .slide_logo a{display: block;}
.slide_nav .slide_logo a img{max-width: 35%;}
.slide_nav .slide_nav_ul{margin-top: 8%;}
.slide_nav .slide_nav_ul li{ text-align: center;height: 50px; position: relative; width: 100%;line-height: 50px;}
.slide_nav .slide_nav_ul li a{font-size: 15px; color: #fff;}
.slide_nav .slide_nav_ul .slide_nav_bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.slide_nav .slide_nav_ul .slide_nav_bg span{background: #fff;height: 50px;}
.slide_nav .slide_nav_ul .slide_nav_wz{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
.phone_back{width: 60%; height: 40px; display: block; font-size: 14px; margin: 0 auto; margin-top: 20px; border: 0; background: #fff; color: #000; text-align: center; line-height: 40px;}

.bannerF{position: fixed; top: 0; left: 0; width: 100%; height: 0; overflow: hidden; padding-bottom: 49%; background: #000;}
.banner_dot{position: absolute; bottom: 40px; width: 100%; left: 0; text-align: center; z-index: 10;}
.banner_dot div{ width: 12px; cursor: pointer; display: inline-block; height: 12px; background: url(../images/banner_dot_bg.png); text-indent: 100px; overflow: hidden; margin-left: 8px; margin-right: 8px; border-radius: 50%;}
.banner_dot div.current{background: #fff; border-radius: 50%; /*margin: 11px 0;*/}
.banner_dot div{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.banner_info{position: absolute; bottom: 22.9%; padding-left: 13.6%; left: 0; width: 100%;}
.banner_info .banner_p1{width: 8.6%}
.banner_info .banner_p2{color: #b58a55; position: relative; left: -150px; opacity: 0; filter:alpha(opacity=0); zoom:1; margin: 20px 0; width: 100%;}
.banner_pic3{width: 176px}
.banner_info .banner_span1{font-size: 22px;}
.banner_info .banner_span2{font-size: 14px; letter-spacing: 20px; margin-left: 3%;}
.banner_info .banner_p3{width: 10.5%;}
.index_banner li.active .banner_p1,
.index_banner li.active .banner_p3
{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.index_banner li.active .banner_p2{left: 0px; opacity: 1; filter:alpha(opacity=100); zoom:1;}

.page_banner{position: fixed; top: 0; left: 0; width: 100%; height: 0; overflow: hidden; padding-bottom: 37.5%;}
.page_banner .page_info{height: 70px; position: absolute; top: 50%; width: 100%; }
.page_banner .page_info_p1{font-size: 36px; width: 315px; color: #f3e4d4; line-height: 1; margin-bottom: 20px;}
.page_banner .page_info_p2{font-size: 14px; color: #765e50; text-transform: uppercase;}

.all_content{position: absolute; left: 0; width: 100%; background: #fff;}
.brand_contro,.com_honner{background: #7f5a3c; }
.brand_container{padding: 4.4% 0;}
.brand_yw{text-align: center; color: #e6d7c7; font-family: 'didot'; font-size: 42px; text-transform: uppercase; line-height: 1;}
.brand_zw{text-align: center; color: #ebaa70; font-size: 30px; line-height: 1; margin: 2.5% 0;}
.brand_wz{color: #f3e4d4; font-size: 14px; line-height: 28px; height: 84px; overflow: hidden;}
.case_info_mes{position: relative; overflow: hidden;}
.case_info_mes .case_info_ul{position: relative; width: 1000000px;}
.case_info_mes ul li{display: block; float: left; overflow: hidden;}
.case_info_mes ul a{display: block; position: relative; padding-bottom: 175%; height: 0; overflow: hidden;}
.brand_contro .brand_yy{background: url(../images/brand_yy.png); margin-top: 0; position: absolute; left: 50%; margin-left: -50%; top: 0; width: 100%; height: 100%;}
.brand_contro .case_zw{width: 100%; position: absolute; left: 0; width: 100%; padding-left: 8.33%; top: 0; padding-top: 11%; font-size: 20px; color: #fff; text-align: left;}
.brand_contro .case_yw{width: 100%; position: absolute; padding-left: 8.33%; left: 0; bottom: 0; margin-bottom: 9.5%; width: 100%; color: #b1aaa7; }
.brand_contro .case_yw span{width: 10px; line-height: 0.9; -webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-transform: uppercase; word-wrap:break-word; font-size: 14px; font-family: 'Arial';}
.brand_contro .brand_more{width: 58px; height: 42px; line-height: 42px; color: #fff; font-size: 14px; text-align: center; margin-top: -21px; margin-left: -29px; border-top: 1px #fff solid; border-bottom: 1px #fff solid; position: absolute; top: 50%; left: 50%; px;}
.brand_btn{width: 70px;  position: absolute; height: 14px; line-height: 14px; top: 50%; margin-top: -7px; color: #b3ada9;}
.brand_left{left: 2.085%;  /*background: url(../images/brand_prev.png) left center no-repeat;*/}
.brand_right{right: 2.085%; /*background: url(../images/brand_next.png) right center no-repeat;*/}
.case_info_mes ul li:hover .brand_yy{width: 30%;  border-radius: 50%; left: 50%; margin-left: -15%; top: 50%; margin-top: -15%;}
.case_info_mes ul li:hover .case_zw{left: -50%;}
.case_info_mes ul li:hover .case_yw{left: -50%;}
.case_info_mes ul li:hover .brand_more{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.brand_contro .brand_left:hover{}
.brand_btn span{width: 27px; height: 7px; margin-top: -3px; position: relative;}
.brand_left span{background: url(../images/brand_prev.png) left center no-repeat; left: 0; vertical-align: middle; margin-right: 4px;}
.brand_right span{background: url(../images/brand_next.png) left center no-repeat; left: 0; vertical-align: middle; margin-left: 4px;}
.brand_left:hover span{left: -5px;}
.brand_right:hover span{left: 5px;}
.brand_left:hover,.brand_right:hover{color: #fff;}

.Edge_protection{background: #7f5a3c; padding-top: 4.4%; padding-bottom: 6.25%;}
.protect_con{margin-top: 8.1%; position: relative;}
.Edge_protection .protect_left{width: 31%; position: absolute; height: 100%; left: 0; top: 0;}
.Edge_protection .protect_left .protect_pic{width: 100%; position: absolute; bottom: 0; left: 0;}
.Edge_protection .protect_line1{width: 42%; position: absolute; right: -150px; top: -150px; opacity: 0; filter:alpha(opacity=0);}
.Edge_protection .protect_line2{width: 22.4%; position: absolute; /* left: -16%;  */ opacity: 0; filter:alpha(opacity=0); left: -150px; bottom: -150px; margin-bottom: -21%;}
.Edge_protection .protect_left.active .protect_line1
{right: 0; top: 0; opacity: 1; filter:alpha(opacity=100);}
.Edge_protection .protect_left.active .protect_line2{left: -16%; bottom: 0; opacity: 1; filter:alpha(opacity=100);}
.Edge_protection .protect_right{width: 57.4%;}
.Edge_protection .protect_col{margin-bottom: 16.4%;}
 .Edge_protection .protect_col3{margin-bottom: 0;} 
.Edge_protection .protect_col1{padding-left: 0;padding-right: 6.4%;}
.Edge_protection .protect_col2{padding-right: 0;padding-left: 6.4%;}
.Edge_protection .protect_col_info{position: relative; width: 100%;}
.Edge_protection .protect_icons{position: absolute; left: 0; top: 0;width: 47px; height: 43px; overflow: hidden;}
.Edge_protection .protect_icon{width: 100%; height: 43px; position: relative; top: -46px;}
.Edge_protection .protect_icon1{background: url(../images/advan_icon1.png) center center no-repeat;}
.Edge_protection .protect_icon2{background: url(../images/advan_icon2.png) center center no-repeat;}
.Edge_protection .protect_icon3{background: url(../images/advan_icon3.png) center center no-repeat;}
.Edge_protection .protect_icon4{background: url(../images/advan_icon4.png) center center no-repeat;}
/* .Edge_protection .protect_icontop{position: relative; top: -43px;} */
.Edge_protection .protect_info{width: 100%; padding-left: 60px;}
.Edge_protection .protect_col:hover .protect_icontop,
.Edge_protection .protect_col:hover .protect_icon{top: 0;}
.Edge_protection .protect_p1{font-size: 20px; color: #fff7ee; margin-top: 10px; margin-bottom: 10px;}
.Edge_protection .protect_p2{font-size: 12px; line-height: 28px; height: 84px; overflow: hidden; color: #f7e7d6;}

.index_case{padding-top: 6.8%; padding-bottom: 5.2%;}
.index_case .case_container{position: relative;}
.index_case .case_left{width: 36.4%; }
.index_case .case_right{width: 47.32%; }
.index_case .case_left_info{width: 100%; position: relative; padding-bottom: 130%; height: 0; }
.index_case .case_right_info{width: 100%; padding-bottom: 68%; height: 0;}
.index_case .case_right_infoS{ background: #6b4c2b;}
.index_case .case_left_infoS{ background: #654535;}
.index_case .case_info{}
.index_case .case_pic{position: relative; top: 15px; left: 15px;}
.index_case a{display: block;}
.index_case a:hover .case_info{box-shadow: 0 0 40px 0 #000;}
.index_case a:hover .case_pic{ top: 0; left: 0;}
.index_case .case_title{position: absolute; top: 66px; left: -66px;}
.index_case .case_title_zw{font-size: 30px; color: #fff; width: 118px; letter-spacing: 2px; line-height: 1; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px #ffd882 solid; display: inline-block;}
.index_case .case_title_yw{font-size: 36px; color: #fff; font-family:'didot'; line-height: 1; text-transform: uppercase;}
.index_case .case_title_zw img{width: 100%;}

.pbrand_title{padding: 4.1% 0; background: #7f5a3c;}
.pbrand_contro .pbrand_col{padding: 0; overflow: hidden;}
.pbrand_contro .pbrand_col a{display: block; padding-bottom: 90.5%; height: 0; overflow: hidden;}
.pbrand_contro .pbrand_left_info{position: absolute; width: 49%; left: 50%; margin-left: -24.5%; top: 11.4%;}
.pbrand_contro .pbrand_left_p1{font-size: 24px; color: #fff4e9;}
.pbrand_contro .pbrand_left_p2{font-size: 14px; margin-top: 9.7%; line-height: 30px; color: #fff4e9;}
.pbrand_contro .pbrand_right_info{position: absolute; bottom: -50%; left: 0; width: 100%; padding: 7.8% 12.5%; background: url(../images/pbrand_yy.png);  color: #f3e4d4; font-size: 14px; line-height: 30px;}
/* .pbrand_contro .pbrand_right_infosS{position: absolute; width: 100%;    height: 100%; left: 0; top: 0%;} */
.pbrand_right_wz{height: 90px; overflow: hidden;}

.phonner_info{padding: 6.7% 0; position: relative;}
.phonner_infoF p{padding-left: 10%; padding-right: 10%;}

.brand_news{background: #7f5a3c; padding: 4.4% 0;}
.brand_news_con{margin-right: -7.1%; margin-top: 7%;}
.brand_news_col{padding-left: 0; padding-right: 7.1%; margin-bottom: 7.1%;}
.brand_news_col a{border-bottom: 1px #9c704c solid; display: block; position: relative; overflow: hidden;}
.brand_news_mes{padding-top: 5.4%; height: 90px; padding-bottom: 8.2%; zoom:1; opacity: 0; filter:alpha(opacity=0);}
.brand_news_hide_top{height: 90px; padding-top: 5.4%; padding-bottom: 8.2%;}
.brand_news_p1{font-size: 14px; color: #fff2e6; line-height: 20px; height: 20px;overflow: hidden;}
.brand_news_p2{color: #d0b9a4; font-size: 12px; margin-top: 10px;}
.brand_news_pic{width: 100%; padding-bottom: 75.3%; height: 0; overflow:hidden;}
.brand_news_hide{position: absolute; top: 0; margin-top: 75.3%; left: 0; width: 100%; padding-bottom: 8.2%; /* padding-left: 10px; padding-right: 10px;  */}
.brand_news_p3{font-size: 12px; line-height: 25px; height: 75px; overflow: hidden; color: #d0b9a4;}
.brand_news_col .brand_add{width: 36px; height: 36px; margin: 7% auto;}

.brand_news_yy{background: url(../images/pbrand_yy.png); position: absolute; top: 65px; bottom: 0; width: 100%;}
.brand_more{text-align: center;}
.brand_more a{border: 1px #2c1807 solid; padding: 0 4.7%; height: 45px; overflow: hidden; line-height: 45px; color: #2c1807; font-size: 14px; position: relative;}
.brand_more .more_hide{position: absolute; width: 100%;  height: 100%; top: 100%; left: 0; background: #2c1807; color: #fff;}
.brand_more a:hover .more_hide{top: 0;}

.list_con{background: #7f5a3c; padding-top: 4.4%;min-height:300px;}
.list_choic{padding-bottom: 20px; margin-top: 3%; text-align: center;}
.list_choic a{color: #ffeee0; font-size: 14px; margin-left: 25px; margin-right: 25px; position: relative; z-index: 15;}
.party_dots {width: 4px; margin: 0 auto; opacity: 0; margin-top: 10px;}
.party_dots span{ width: 4px; height: 4px; margin-bottom: 4px; background: #ebab70; border-radius: 50%; display: block; float: left; opacity: 0; filter:alpha(opacity=0);  margin-left: 3px; margin-right: 3px;}
.party_dots span.active{opacity: 1; filter:alpha(opacity=1);}
.list_choic a:hover,.list_choic a.active{color: #ebab70;}
.list_choic a:hover .party_dots,.list_choic a.active .party_dots{opacity: 1;}
.list_col{padding: 0; position: relative;}
.list_col a{width: 100%; display: block; padding-bottom: 93.5%; height: 0; overflow: hidden;}
.list_col .list_name{height: 44px; text-align: center; position: relative; z-index: 10; width: 58px; color: #fff; font-size: 14px; position: absolute; top: 50%; margin-top: -22px; left: 50%; margin-left: -29px;}
.list_col .list_line{width: 100%; height: 1px;}
.list_col .list_line span{height: 1px; background: #fff; display: block; }
.list_col .list_namep1{margin: 12px 0;}
.list_col .lisy_yy{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/list_yy.png);}
.list_col:hover .lisy_yy{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);  opacity: 1; filter:alpha(opacity=100);}
.list_col:hover .list_line span{transform:scaleX(1); -o-transform:scaleX(1); -ms-transform:scaleX(1); -moz-transform:scaleX(1); -webkit-transform:scaleX(1);}
.list_col:hover .list_namep1{opacity: 1; filter:alpha(opacity=100);}
.list_wx{width: 100%; text-align: center; margin-top: 2.5%;}
.list_con .brand_zw{display: inline-block; margin-top: 0;}
.list_con .common_nav_click{  width: 36px; height: 36px;z-index: 20; cursor: pointer; display: inline-block; top: 10px; left: 20px; position: relative;}
.list_con .common_nav_click .nav_click_xx{width: 22px; height: 16px; position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -11px;}
.list_con .common_nav_click .nav_click_xx .nav_click_1{position: absolute; top: 0; left: 0; width: 100%;}
.list_con .common_nav_click .nav_click_xx .nav_click_2{position: absolute; top: 7px; left: 0; width: 100%;}
.list_con .common_nav_click .nav_click_xx .nav_click_3{position: absolute; top: 14px; left: 0; width: 100%;}
.list_con .common_nav_click .nav_click{width: 24px; height: 2px;  background: #ebab70;}
.list_con .common_nav_click .nav_click_xx .tranlate{transform:rotate(45deg); top: 7px;  transition:all 0.5s; }
.list_con .common_nav_click .nav_click_xx .tranlate1{transform:rotate(-45deg); top: 7px;  transition:all 0.5s; }
.list_con .common_nav_click .nav_click_xx .tranlate2{ transform:rotate(0deg);  transition:all 0.5s; }
.list_con .common_nav_click .nav_line1{position: absolute; transition:all 0.5s; left: 0; right: 0; bottom: -1px; top: -1px; border-top: 2px #ebab70 solid; border-bottom: 2px #ebab70 solid;}
.list_con .common_nav_click .nav_line2{position: absolute; transition:all 0.5s; left: 0; right: 0; bottom: -1px; top: -1px; border-left: 2px #ebab70 solid; border-right: 2px #ebab70 solid;}
.list_seriesF{position: absolute; bottom: -30px; width: 120px; left: 50%; margin-left: -60px; padding-bottom: 35px;}
.list_series{position: absolute; top: 60px; display: none; padding-top: 25px; width: 100%; left: 0; background: #ebab70; text-align: center;}
.list_series a{color: #fff; font-size: 14px; margin-bottom: 25px;}
.link_nav{height: 114px; background: #fff; line-height: 114px; margin-top: -57px; text-align: center;}
.list_series a{  padding: 0 10px; position: relative;}
.list_series a span{position: relative;  padding: 0 6px; background:#ebab70;    z-index: 10;}
.list_series a:hover,.list_series a.active{color: #000;}
.list_series a:hover .link_line,.list_series a.active .link_line{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.list_series .link_line{width: 100%; position: absolute; height: 1px; background: #000; z-index: 1; top: 50%; left: 0;}
.list_series .list_sjx{width: 15px; height: 10px; background: url(../images/list_sjx.png) center center no-repeat; position: absolute; top: -10px; left: 50%; margin-left: -7px;}
.padge_mes_title{font-size: 14px; }

.padge_con{background: #7f5a3c;}
.padge_info{background: #936c4d;}
.padge_info a{display: block; width: 100%;}
.padge_col{padding: 0;}
.padge_wz_infoF,.padge_img{width: 100%; padding-bottom: 87.4%; height: 0; overflow: hidden; position: relative;}
.padge_col .padge_wz_info{position: absolute; padding: 0 12.5%; width: 100%; height: 100%; display: table; left:  0; top: 0;}
.padge_col .padge_mes{display: table-cell;  overflow: hidden; vertical-align: middle; color: #fff4e9; line-height: 30px;}
.padge_col .padge_mesS{width: 100%; overflow: hidden; max-height: 600px;}
.phone_padge_pic{display: none;}

.footer{background: #120c07; padding: 2.6% 0;}
.footer .footer_icons{margin-top: 2.3%; margin-bottom: 7.8%;}
.footer .footer_icon{width: 96px; padding-bottom: 8px;  padding-left: 35px; top: 0; color: #a28a74; font-size: 14px; position: relative;}
.footer .footer_icon1{background: url(../images/footer_icon1.png) left top no-repeat;}
.footer .footer_icon2{background: url(../images/footer_icon2.png) left top no-repeat;}
.footer .footer_xg{font-size: 14px; color: #a28a74; margin:0 10px;}
.ewmimg{width: 80px;height: 80px; background: #fff; position: absolute; top: 50px; opacity: 0; filter:alpha(opacity=0); zoom:1; left: 0px;}
.ewmimg img{width: 100%; }
.footer_tail{border-top: 1px #211a13 solid; line-height: 24px; padding-top: 2.6%; color: #635447; font-size: 14px;}
.footer_tail .tail_left{display: inline-block;}
.footer_tail .tail_right{display: inline-block;}
.footer_tail a{color: #635447; font-size: 14px;}
.footer .footer_icon:hover{top: -8px;}


.info_view{min-height:500px;padding:2% 10%;}

@media screen and (max-width: 1600px){
.index_banner .banner_yw{font-size: 42px;}
.index_banner .banner_zw{font-size: 27px;}
.banner_dot div{width: 8px; height: 8px;}
.banner_pic3{width: 160px;}
.brand_yw{font-size: 30px;}
.brand_zw{font-size: 20px;}
.brand_contro .case_zw{font-size: 18px;}
.Edge_protection .protect_p1{font-size: 18px;}
.page_banner .page_info_p1{font-size: 30px; margin-bottom: 15px;}
.pbrand_contro .pbrand_left_p1{font-size: 20px;}
.padge_col .padge_mesS{max-height: 480px;}
.index_case .case_title_yw{font-size: 30px;}
.index_case .case_title_zw{width: 105px;}
}
@media screen and (max-width: 1400px){
  .index_banner .banner_yw{font-size: 38px;}
.index_banner .banner_zw{font-size: 24px;}
.nav li,.anvsubF .anvsub{width: 10%;}
.banner_pic3{width: 144px;}
.brand_yw{font-size: 30px;}
.brand_zw{font-size: 20px;}
.banner_info .banner_span2{letter-spacing: 15px;}
.brand_contro .brand_wz{font-size: 12px;}
.Edge_protection{padding-bottom: 8%;}
.index_case .case_title{left: -50px;}
.index_case .case_title_zw{font-size: 26px;}
.index_case .case_title_yw{font-size: 30px;}
.padge_col .padge_mesS{max-height: 420px;}
.brand_left{left: 15px;}
.brand_right{right: 15px;}


}
@media screen and (max-width: 1200px){
.nav li,.anvsubF .anvsub{width: 11%;}
.brand_yw{font-size: 22px;}
.brand_zw{font-size: 18px;}
.page_banner .page_info_p1{font-size: 25px;}
.brand_news_hide_top,.brand_news_mes{height: 78px;}
.padge_col .padge_mesS{max-height: 360px;}
  
}
@media screen and (max-width: 1024px){
  .header .common_nav_click{display: block;}
  .nav{display: none;}
  .header .header_search{display: none;}
  .logo{width: 140px; line-height: 80px;}
  .header{height: 80px; line-height: 80px;}
  .bannerF,.page_banner{top: 80px;}
  .header{background: #fff;}
.brand_yw{font-size: 22px;}
 .brand_zw{font-size: 18px;}
 .index_case .case_title{left: -40px; top: 40px;}
 .index_case .case_title_zw{font-size: 20px; padding-bottom: 15px; margin-bottom: 15px;}
.index_case .case_title_yw{font-size: 25px;}
.pbrand_contro .pbrand_left_info{width: 70%; margin-left: -35%;}
.pbrand_contro .pbrand_left_p2,.pbrand_contro .pbrand_right_info{line-height: 25px;}
.pbrand_right_wz{height: 75px;}    
.pbrand_contro .pbrand_right_info{padding: 4.8% 12.75%;}
.scrollcomm{position: relative; top: 0px; opacity: 1; filter:alpha(opacity=100); zoom:1;}
.scrollcomm3{margin-left: 0;opacity: 1; filter:alpha(opacity=100); zoom:1;}
.list_col .lisy_yy{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);  opacity: 1; filter:alpha(opacity=100);}
.list_col .list_line span{transform:scaleX(1); -o-transform:scaleX(1); -ms-transform:scaleX(1); -moz-transform:scaleX(1); -webkit-transform:scaleX(1);}
.list_col .list_namep1{opacity: 1; filter:alpha(opacity=100);}
.logo{height: 85px;}
.page_banner .page_info_p1{width: 280px;}
}
@media screen and (min-width: 993px){
.devel_pic{width: 50%;}
.devel_info_mes{background: #25292c; width: 54%; padding: 4%; position: absolute; right: 0; top: 0; height: 84%; top: 8%;}
}
@media screen and (max-width: 992px){
  .header .nav{display: none;}
  .Edge_protection .protect_left{display: none;}
.Edge_protection .protect_right{width: 100%;}
.tail_right{float: none;}
.padge_col .padge_mesS{height: 300px;}
.index_case .case_title_zw{width: 95px;}


}
@media screen and (min-width: 769px){
.index_case .case_right{width: 47.32%; position: absolute; height: 100%; right: 0; top: 0;}
.index_case .case_right_info{width: 100%; padding-bottom: 68%; position: absolute; top: 50%; margin-top: -34%; left: 0; height: 0;}
.brand_news_col a:hover .brand_news_hide{padding-right: 10px;padding-left: 10px; margin-top: 0; top: 65px; }
.brand_news_col a:hover .brand_news_yy{transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);  opacity: 1; filter:alpha(opacity=100);}

}
@media screen and (max-width: 768px){
.index_banner .banner_yw{font-size: 28px;}
  .index_banner .banner_zw{font-size: 16px;}
.brand_container{padding: 6% 0;}
.phonner_info{padding: 10% 0;}
.brand_yw{font-size: 18px;}
.brand_zw{font-size: 15px;}
.Edge_protection .protect_col{margin-bottom: 10%;}
 .Edge_protection .protect_col3{margin-bottom: 10%;}
 .Edge_protection .protect_col2{padding: 0;} 
 .Edge_protection .protect_p1{font-size: 16px;}
 .index_case .case_right{margin:0 auto; float: none;  width: 80%;}
 .index_case .case_right_info{position: relative;}
  .index_case .case_left{margin:0 auto; margin-bottom: 50px; width: 60%; float: none;}
  .footer,.footer_tail{ padding: 7% 0;}
  .footer_tail{ padding: 7% 15px 0;}
  .footer_logo{width: 150px;}
  .footer .footer_icons{margin-top: 5.8%;}
  .pbrand_contro .pbrand_left_info{top: 6.4%;}
  .brand_news_col{padding-right: 0;}
  .brand_news_con{margin-right: 0;}
  .brand_more .more_hide{top: 0;}
  .brand_more a{font-size: 12px; height: 35px; line-height: 35px;}
  .list_wx{margin: 5% 0;}
  .page_banner .page_info_p1{width: 200px;}
  
}
@media screen and (max-width: 767px){
.phone_padge_pic{display: block;}
  .pc_padge_pic{display: none;}
  .padge_col .padge_mesS{max-height: 375px; line-height: 25px;}
}
@media screen and (max-width: 550px){
  .index_banner .banner_yw{font-size: 24px;}
  .index_banner .banner_zw{font-size: 16px;}
  .slide_nav .slide_logo a img{max-width: 40%;}
  .banner_pic3{width: 100px;}
  .banner_info .banner_span2{display: none;}
  .banner_info .banner_p2{margin: 10px 0;}
   .index_case .case_title{left: -30px; top: 30px;}
   .index_case .case_title_zw{font-size: 16px; padding-bottom: 15px; margin-bottom: 15px;}
  .index_case .case_title_yw{font-size: 18px;}
   .footer,.footer_tail{ padding: 10% 0;}
  .footer_tail{ padding: 10% 15px 0;}
  .footer_logo{width: 150px;}
  .footer .footer_icons{margin-top: 7.8%;}
  .page_banner .page_info_p1{font-size: 16px; margin-bottom: 10px;}
  .page_banner .page_info_p2{font-size: 13px;}
  .page_banner .page_info{top: 37%;}
  .pbrand_contro .pbrand_left_info{width: 100%; padding: 0 15px; left: 0; margin-left: 0;}
  .pbrand_contro .pbrand_right_info{padding: 4.8% 15px;}
  .pbrand_contro .pbrand_left_p2{margin-top: 3.7%;}
  .pbrand_contro .pbrand_left_p1{font-size: 16px;}
    .padge_col .padge_mesS{max-height: 300px;}
    .index_case .case_title_zw{width: 85px;}
    .page_banner .page_info_p1{width: 160px;}
  
}
@media screen and (max-width: 420px){
 .padge_col .padge_mesS{max-height: 250px;}
}
@media screen and (max-width: 375px){
 .padge_col .padge_mesS{max-height: 175px;}
}
@media screen and (max-width: 320px){
 .padge_col .padge_mesS{max-height: 100px;}
}