@charset "utf-8";
/*css comment*/
*,*:before,*:after{
    margin:0;
    padding:0;
    outline:none;
    list-style:none;
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}  
@font-face {
  font-family: 'PingFang Regular';
  src: url('../eot/pingfang%20regular.eot');
  src: url('../eot/pingfang%20regulard41d.eot#iefix') format('embedded-opentype'),
     url('../woff/pingfang%20regular.woff') format('woff'),
   url('../ttf/pingfang%20regular.ttf') format('truetype'),
   url('../svg/pingfang%20regular.svg#PingFang Regular') format('svg');
  font-weight: normal;
  font-style: normal;
} 
@font-face {
  font-family: 'MFBanHei_Noncommercial-Regular';
  src: url('../eot/mfbanhei_noncommercial-regular.eot');
  src: url('../eot/mfbanhei_noncommercial-regulard41d.eot#iefix') format('embedded-opentype'),
     url('../woff/mfbanhei_noncommercial-regular.woff') format('woff'),
   url('../ttf/mfbanhei_noncommercial-regular.ttf') format('truetype'),
   url('../svg/mfbanhei_noncommercial-regular.svg#MFBanHei_Noncommercial-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
} 
body { 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
    font-family:arial,PingFang Regular,Microsoft YaHei, "微软雅黑"; 
    font-size: 14px; 
  line-height:1.7;  
  /*height: 100%;*/
  overflow: hidden;
  background: #171719;
  color: #fff;
}  
img {
    border:none;
  display:inline-block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width:auto;
}
button, input, textarea ,select{
    border:none;
    background:none;
    font-size:14px;
    vertical-align:middle;
    color:#333; 
  font-family: arial, Microsoft YaHei, "微软雅黑";
}
select {
    border:inherit;
    background: inherit;
}
a {
    text-decoration:none;
    blr:expression(this.onFocus=this.blur());
    outline: none;
    color:#fff;
} 
a:hover,a:active,a:focus {
    text-decoration:none;
} 
em, i {
    font-style:normal;
}
a:focus, input, select {
    outline:none;
}
.clearfix {
    *zoom:1;
}
.clearfix:after {
    content:"\200B";
    display: block;
    clear: both;
    height: 0;
}
input[type="submit"], input[type="reset"], input[type="button"], button, select {
    -webkit-appearance: none;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover{
    opacity: 0.80; filter:alpha(opacity=80);
} 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label{ font-weight: normal; padding: 0; margin: 0; font-size: 14px; line-height: 1.285; }
p,ul, ol{ margin: 0;}
header,main,footer,section{ display:block;}


/*browserupgrade*/
.browserupgrade{display:block;position:fixed; top:-60px; opacity: 0; filter:alpha(opacity=0); left:0; margin:0;width:100%;height:60px;font-size:15px;line-height:60px;z-index:5000;background-color:#000;color:#fff;text-align:center;}
.browserupgrade a{color:#eee;text-decoration:underline;font-size:18px;}
.browserupgrade a:hover{color:#eee} 
.browserupgrade a.upgrade_close{ display:block; position:absolute; top:0; right:0; z-index: 10; width:60px; line-height:60px; text-align: center; color: #fff; font-size: 40px; text-decoration:none; cursor: pointer;}
/*swiper*/   
.swiper-pagination-bullet{ width:10px; height:10px; background-color: #fff; opacity: 0.50; filter:alpha(opacity=50);}
.swiper-pagination-bullet-active{ opacity: 1; filter:alpha(opacity=100);} 


.inner{ width:100%; padding:0 15px; max-width:1230px; margin: 0 auto; } 
header .inner{ max-width:1430px;}
.sec_pro .inner{ max-width:1630px; padding: 0;}

/*===================header========================*/
header{ position:fixed; left:0; top:0; z-index:1003; width:100%; 
  -webkit-animation:1s .1s fadeIn both; 
  animation: 1s .1s fadeIn both; 
}    
/*header_top*/
.header_top{ background: #171719;}
.logo{ float:left;}
.logo img{ display:block; width:auto; height: 48px; margin:15px 0;}
.language{ float:right; padding-left: 25px; background: url(../png/language_01.png) left center no-repeat; position: relative;}
.language_sel{ padding-right: 12px; background: url(../png/language_02.png) right center no-repeat;}
.language_sel a{ display:block; font-size: 12px; font-weight: bold; }
.language_sel a.language_cur{ line-height:78px; color: #ca0200;}
.language_sel a img{ display:inline-block; vertical-align: middle; margin-right: 10px;}
.language_more{ position:absolute; top:100%; margin-top: -14px; left:0; z-index: 1; width:100%; background: #fff; border-radius: 5px; text-align: center; display: none;}
.language_more a{ display:block; padding:20px 0; color: #949292;}
.language_more a:hover{ color: #ca0200;}
.language:hover .language_more{ display:block;
  -webkit-animation:1s .1s fadeIn both; 
  animation: 1s .1s fadeIn both; 
}
/*header_bot*/
.header_bot{ height: 50px; line-height: 50px; background: url(../jpg/header_01.jpg) center top no-repeat; color: #fff;}
.nav{ float:left;}
.nav li{ float:left;}
.nav li a{ display:block; width:110px; font-weight: bold; color: #fff;}
.nav li a em{ display:inline-block; position:relative;}
.nav li a em:before{ content:""; position: absolute; bottom: 0; left:0; width:0; height: 2px; background: #fff;}
.nav li a:hover em:before{ width:100%;}
.search{ float:right; width:140px; border:1px solid #fff; border-radius:13px; margin-top: 12px;}
.search_txt{ float:left; width:102px; height: 24px; color: #fff; font-size: 12px; padding-left: 12px;}
.search_btn{ cursor: pointer; float:left; width:36px; height: 24px; text-indent: -9999px; background: url(../png/header_02.png) center center no-repeat;}
/*menu_phone*/ 
.menu_phone{ cursor: pointer; position:relative; float:right; width:50px; height:50px; background: #00c9c5; display:none;}
.menu_phone span{ display:block; width:28px; height:20px; position: absolute; top:50%; left:50%; margin: -10px 0 0 -14px;}
.menu_phone i{ display: block; width: 100%; height: 2px; background: #fff; position: absolute; top:0;}
.menu_phone i:nth-of-type(2){ top:8px;}
.menu_phone i:nth-of-type(3){ top:16px;} 
.menu_phone.active i:nth-of-type(2){ opacity: 0; filter:alpha(opacity=0);}
.menu_phone.active i:nth-of-type(1),
.menu_phone.active i:nth-of-type(3){ top: 8px;}
.menu_phone.active i:nth-of-type(1){ transform:rotate(-45deg);}
.menu_phone.active i:nth-of-type(3){ transform:rotate(45deg);}
 
 
/*===================main========================*/ 
/*bgImg*/
.bgImg{ width:100%; height: 100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all .5s ease-in-out;}
.bgImg img{display:none;}
/*table*/
.table{ display:table; width:100%; height: 100%; }
.cell{ display:table-cell; vertical-align:middle;} 
/*img_box*/
.img_box{ position:relative; height: 0; overflow: hidden; padding-top: 100%;}
.img_box img{ display:block; width:100%; height: 100%; position:absolute; top:0; left:0;}  

/*======focus_warp======*/ 
.section{ /*padding-top: 128px;*/ background: center bottom no-repeat; background-size: cover; position: relative; overflow: hidden;}
.page1{ background: #171719; height: 100vh;}
/* focus_swiper */ 
.focus_warp, #focus_swiper{ width:100%; height: 100%; }
.focus_txt{ display:block; position:absolute; top:0; left:0; width: 100%; height:100%; z-index: 1; text-align: center;} 
.focus_txt img{ display:block; margin: 0 auto;}
.focus_txt .f_t_p03{ margin-top: 20px; margin-bottom: 20px;}
.f_t_p01{ width: 37%; max-width:275px; } /*width各加10%;*/
.f_t_p02{ width: 42%; max-width:608px; }
.f_t_p03{ width: 28px;}
.f_t_p04{ width: 34%; max-width:224px;}
#focus_swiper .swiper-slide-active .f_t_p01,
.page1.sctive .f_t_p01{
  -webkit-animation: 1s .2s fadeInUp both;
  animation: 1s .2s fadeInUp both;
}   
#focus_swiper .swiper-slide-active .f_t_p02,
.page1.sctive .f_t_p02{
  -webkit-animation: 1s .4s fadeInUp both;
  animation: 1s .4s fadeInUp both;
}  
#focus_swiper .swiper-slide-active .f_t_p03,
.page1.sctive .f_t_p03{ 
  -webkit-animation: 1s .2s rotateIn both;
  animation: 1s .2s rotateIn both;
} 
#focus_swiper .swiper-slide-active .f_t_p04,
.page1.sctive .f_t_p04{ 
  -webkit-animation: 1s .6s fadeInDown both;
  animation: 1s .6s fadeInDown both;
} 
#focus_swiper .swiper-pagination{ bottom: 6%;}
#focus_swiper .swiper-pagination-bullet{ margin: 0 20px; background: rgba(230,0,18,0); width:12px; height: 12px; border:2px solid rgba(255,255,255,1);} 
#focus_swiper .swiper-pagination-bullet-active{ background: rgba(230,0,18,1); border-color:rgba(255,255,255,0);}   

/*====================01 index==========================*/   
.index_sec{ padding:50px 0; background: center top no-repeat; background-size: cover; background-attachment: fixed; position: relative;}
.body_index .index_sec{padding:178px 0 50px;}
.sec_bg{ position:absolute; top:0; left:0; z-index: 0; width:100%; height: 100%; background-position: center bottom;}
.index_sec .inner{ position:relative; z-index: 1;}
/*title01*/
.title01{ text-align:center; text-transform: uppercase;}
.title01 a{ display:inline-block; padding-bottom:10px; position: relative;}
.title01 a:before{ content:""; position:absolute; bottom: 0; left:50%; margin-left: -30px; width:60px; height: 3px; background: #c3000f;} 
.title01 b{ display:block; color:#fff; font-family: Microsoft YaHei, "微软雅黑";}
.title01 em{ display:block; /*color: #4f525a;*/ margin-top: 12px; opacity: .50;}
.fp-section.active .title01{
  -webkit-animation: 1s .2s fadeIn both;
  animation: 1s .2s fadeIn both;
}

/*======sec_pro======*/ 
.page2{ background-color:#060b19;}
.sec_pro{ }
.pro_top{ text-align:center;}
.sec_pro .title01, .pro_prev, .pro_next{ display:inline-block; vertical-align: bottom; cursor: pointer;}
.sec_pro .title01{ margin:0 8.5%;}
.pro_prev, .pro_next{ width:130px; line-height: 33px; padding: 0 15px; border:1px solid #f0d9c1; text-align:right; position: relative; color: #f0d9c1;}
.pro_next{ text-align:left;}
.pro_prev:before, .pro_next:before{ content: ""; position: absolute; top:0; left:-28px; width:48px; height: 100%; background: url(../png/pro_02a.png) center center no-repeat; background-size: contain;}
.pro_next:before{ left:auto; right:-28px; background-image: url(../png/pro_02b.png);}
.pro_prev:hover:before{ left:-33px;}
.pro_next:hover:before{ right:-33px;}
.pro_block{ position:relative; overflow: hidden; padding-top: 50px;}
#pro_swiper{ position: inherit; position: initial; overflow: visible;}
.pro_bg{ position: relative; width:80%; margin: 0 auto; background: center center no-repeat; }
.pro_bg:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 1; background: url(../png/pro_01c.png) center center no-repeat; background-size:cover; opacity: 0; filter:alpha(opacity=0);}
.pro_bg img{ display:block; margin: 0 auto;} 
.pro_info{ display:block; position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 1;}
.pro_img{}
.pro_img img{ display:block; margin: 0 auto; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(0.9);}
.pro_txt{ position: absolute; top:62%; left:20%; width: 60%; z-index: 2; font-family: MFBanHei_Noncommercial-Regular; text-align: center;}
.pro_tit_en{ padding: 0 15px; background: #c3000f; /*text-transform:uppercase;*/ color: #fff; font-family:Impact; display:none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 35px; font-size: 25px; line-height: 40px;}
.pro_tit{ padding: 0 15px; color: #c4c4c4; font-size: 18px; line-height: 22px; max-height: 88px; overflow: hidden; word-break: break-all; font-weight: bold; font-family: "Arail", "黑体";}
.pro_tit em{ display:inline-block;}
.pro_tit b{ display:block; font-weight: normal; color:#c3000f;}
#pro_swiper .swiper-pagination{ display:none;} 
.pro_arrows{ position:absolute; top:0; left:0; width:100%; text-align:center; display:none;}
.pro_arrows .swiper-button-prev, .pro_arrows .swiper-button-next{ position:inherit; position: initial; display:inline-block;}  
#pro_swiper .swiper-slide:hover .pro_bg:before{ opacity: 1; filter:alpha(opacity=100);} 
#pro_swiper .swiper-slide-active .pro_bg img{ opacity: 0; filter:alpha(opacity=0);}
#pro_swiper .swiper-slide-active:hover .pro_bg:before,
#pro_swiper .swiper-slide-active .pro_bg:before{ display:none;}
#pro_swiper .swiper-slide-active .pro_bg{ background-image:url(../png/pro_01b.png); background-size: contain;}
#pro_swiper .swiper-slide-active .pro_img img{ transform: scale(1.158);}
#pro_swiper .swiper-slide-active .pro_txt{ left:11%; width:78%;}
#pro_swiper .swiper-slide-active .pro_tit_en{ display:block;}
#pro_swiper .swiper-slide-active .pro_tit{ color: #000; font-size: 20px;}
/*#pro_swiper .swiper-slide-active .pro_tit em{ display:inline-block;}*/
.page2.active .pro_block{
  -webkit-animation:1s .2s fadeIn both; 
  animation: 1s .2s fadeIn both;
}
/*======sec_military======*/ 
.page3{ background-color:#000;}
.sec_military{ position: absolute; left:0; top:0; z-index: 0; width:100%; height: 100%;} 
.sec_military .title01{ position: relative; z-index: 10;}
/*military_big*/
.military_big{ position: absolute; left:0; top:0; z-index: 0; width:100%; height: 100%; }
#big_swiper{ height: 100%;}
#big_swiper .swiper-slide .bgImg{ position: absolute; left:0; top:0; }
.big_con{/* padding-top:328px;*/ height: 100%;} 
.big_con .inner{ height:100%; display:table;}

.page3.active .swiper-slide-active .textbox_military{
  -webkit-animation: 1s .4s fadeInLeft both;
  animation: 1s .4s fadeInLeft both;
}
.page3.active .swiper-slide-active .bgImg{  
  -webkit-animation: 1s .2s fadeInRight both;
  animation: 1s .2s fadeInRight both;
}  

/*textbox*/
.textbox{ color: #edd3b8;}
.textbox_tit{ margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; }
.textbox_tit a{ font-weight: bold; color: #c3000f;}
.textbox_tit a b{ display:block; line-height: 1; margin-bottom: 20px;}
.textbox_des{ max-width: 600px; line-height: 32px; height: 160px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-bottom: 60px;}
/*more01*/
.more01{ clear: both;}
.more01 a{ display:inline-block; padding: 0 10px; line-height: 33px; border:1px solid #f6e3ce; color: #edd3b8;}
.more01 a em{ display:block; position: relative; padding-right: 58px; } 
.more01 a em:before{ content: ""; position: absolute; top:0; right:0; width:48px; height: 100%; background: url(../png/pro_02b.png) right center no-repeat; background-size: contain;}   
.more01 a:hover em:before{ right:-28px;}
/*textbox_military*/
.textbox_military{ display: table-cell; vertical-align: middle; padding-top: 50px;}
/*thumb_swiper*/
.military_thumb{ position: absolute; left:0; bottom: 40px; z-index: 2; width:100%; }  
.thumb_block{ position: relative; padding: 0 70px;}
#thumb_swiper .swiper-slide a{ display:block; background: #000;}
#thumb_swiper .swiper-slide img{ display:block; width:100%; opacity: .60; filter:alpha(opacity=60); -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;}
.military_num{ position: absolute; bottom: 10px; right:10px; z-index:1; line-height: 0.8; font-family:Impact; color: #86030d;}
#thumb_swiper .swiper-slide:hover a img,
#thumb_swiper .thumb_active a img{ opacity: 1; filter:alpha(opacity=100);}
.military_thumb .arrow_left, 
.military_thumb .arrow_right{ display:block; position: absolute; top:50%; left:25px; z-index: 2; width:55px; height: 35px; margin-top: -18px; text-indent:-9999px; background: #c3000f url(../png/arrow01_left.png) 14px center no-repeat;}
.military_thumb .arrow_right{ left:auto; right:25px; background-image: url(../png/arrow01_right.png); background-position: 34px center;}
.military_thumb .arrow_left:hover, 
.military_thumb .arrow_right:hover{ opacity: .90; filter:alpha(opacity=90);}


/*======sec_civilian======*/ 
.page4{ background-color: #171719;}
.sec_civilian{ }
/*textbox_civilian*/
.textbox_civilian{ float:right; text-align: right; margin-top: 80px;}
.textbox_civilian .textbox_des{ float:right; text-align: left; max-width: 330px; } 
@media (min-width: 768px){
  .textbox_civilian .more01 a em{ padding-right: 0; padding-left: 58px; } 
  .textbox_civilian .more01 a em:before{ right:auto; left:-28px; background-image: url(../png/pro_02a.png); background-position: left center;}
  .textbox_civilian .more01 a:hover em:before{ left:0;}
}
/*civilian_swiper*/
.civilian_block{ float:right; width:62%; max-width: 744px; padding-right: 64px; margin:-7% 190px 0 0; position: relative;} 
#civilian_swiper{ position: inherit; position: initial; }
#civilian_swiper .swiper-slide img{ display:block;}
.civilian_arrows{ position:absolute; bottom: 0; right:0;}
.civilian_arrows .swiper-button-prev, .civilian_arrows .swiper-button-next{ position: inherit; position: initial; float:left; margin: 0 0 0 3px; width:29px; height: 29px; background: #c3000f url(../png/arrow01_left.png) center center no-repeat;}
.civilian_arrows .swiper-button-next{ background-image: url(../png/arrow01_right.png);} 
.page4.active .textbox_civilian .textbox_tit{
  -webkit-animation:1s .2s fadeInDown both; 
  animation: 1s .2s fadeInDown both;
}
.page4.active .textbox_civilian .textbox_des{
  -webkit-animation:1s .4s fadeInDown both; 
  animation: 1s .4s fadeInDown both;
}
.page4.active .textbox_civilian .more01{
  -webkit-animation:1s .6s fadeInUp both; 
  animation: 1s .6s fadeInUp both;
}
/*======sec_cartoon======*/ 
.page5{ background-color: #171719;}
.sec_cartoon{ }  
/*textbox_cartoon*/
.textbox_cartoon{ margin-top:80px; margin-bottom: 13%;}
.textbox_cartoon .textbox_des{ height:64px;}
/*cartoon_box*/
.cartoon_box{ position: absolute; z-index: 1; bottom: 0; left:0; width:100%; padding: 12px 0; background: rgba(0,0,0,.70);}
.cartoon_block{ padding:0 26px; position: relative;}
#cartoon_swiper{ position: inherit; position: initial; }
#cartoon_swiper .swiper-slide a{ display:block; overflow: hidden; background: #fff; }
#cartoon_swiper .swiper-slide a img{ display:block; width:100%; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
#cartoon_swiper .swiper-slide a:hover img{ opacity: 0.90; filter:alpha(opacity= 90); transform: scale(1.1); }
#cartoon_swiper .swiper-button-prev, #cartoon_swiper  .swiper-button-next{ width:26px; height: 100%; top:0; margin-top:0; left:0; background: url(../png/arrow01_left.png) left center no-repeat;}
#cartoon_swiper .swiper-button-next{ left:auto; right:0; background-image: url(../png/arrow01_right.png); background-position: right center;}
#cartoon_swiper .swiper-button-prev:hover, #cartoon_swiper .swiper-button-next:hover{ opacity: .90; filter:alpha(opacity=90);}
.page5.active .textbox_cartoon{
  -webkit-animation:1s .2s fadeInLeft both; 
  animation: 1s .2s fadeInLeft both;
}
.cartoon_cover{ position:absolute; top:0; left:0; z-index: 1; text-align: center; width:100%; height: 100%; padding: 5%; background: #c10011; color:#fff; opacity: 0; filter:alpha(opacity= 0); -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;}
#cartoon_swiper .swiper-slide a:hover .cartoon_cover{ opacity: 1; filter:alpha(opacity= 100); }
.cartoon_tit{ text-transform: uppercase;}
.cartoon_num{ text-transform: uppercase; font-size: 12px;}

/*======sec_distributors======*/ 
.page6{ background-color: #9a0100;}
.sec_distributors{ } 
.sec_distributors .title01 a:before{ background:#fff;}
.distributors_block{ position: relative; z-index:1; width:93%; margin: 0 auto; max-width: 1115px;}
.distributors_map{ display:block;}
.distributors_list{}
.d_li0{ position:absolute;}
.d_a0{ display:block; cursor: pointer; line-height: 30px; padding-top: 30px; background: url(../png/distributors_ico01c.png) center top no-repeat; background-size: 24px;}
.d_a0_style02{ padding-top:0; padding-left: 26px; background-position: left top; background-image: url(../png/distributors_ico01a.png);}
.d_a0_style03{ padding-top:0; padding-right: 26px; background-position: right top; background-image: url(../png/distributors_ico01a.png);}
.d_a0_style04{ padding-top:0; padding-bottom: 30px; background-position: center bottom;}
.d_info{ position: absolute; top:0%; right:0; padding-right: 110%; z-index: 2; display: none; }
.d_textbox{ background:#fff; border-radius:10px; width:285px; height:300px; padding:30px 20px 20px; font-size: 12px; color: #1e1e1e;}
.d_ol{ height: 250px; overflow-y: auto;}
.d_ol li{ padding:10px 0;}
.d_ol li b{ display:block; color: #c32934;}
.d_ol li a{ color: #1e1e1e;}
.d_li0:hover .d_a0,
.d_li0.current .d_a0{ background-image: url(../png/distributors_ico01b.png);} 
.d_li0:hover .d_info{ display: block;}
.d_li0:hover .d_info .d_textbox{
  -webkit-animation:1s .2s fadeIn both; 
  animation: 1s .2s fadeIn both;
}
#China{ top: 31%; left: 72.5%;}
#Russia{ top: 15.3%; left: 70.6%;}
#Kazakhstan{ top: 24.5%; left: 63.5%;}
#Japan{ top: 33.8%; left: 81.2%;}
#Korea{ top: 34.2%; left: 77.2%;} 
#Vietnam{ top: 46%; left: 72%;} 
#Thailand{ top: 51%; left: 67%;}
#India{ top: 59%; left: 76.6%;} 
#Australia{ top: 77%; left: 80%;} 
#newZealand{ top: 84%; right: 0%;} 
#Ukraine{ top: 13.5%; left: 52%;}
#Spanish{ top: 18.7%; left: 53.9%;}
#Poland{ top: 23%; left: 52%;}
#Czech{ top: 27.5%; left: 49.9%;}
#Turkey{ top: 32.35%; left: 51.35%;}
#Iraq{ top: 38.7%; left: 54.35%;}
#Lebanon{ top: 37.7%; left: 50.7%;}
#Cyprus{ top: 35.3%; left: 45%;}
#Cyprus .d_a0{ background-position: right top; padding-top: 26px;}
#Italy{ top: 34.3%; left: 41.75%;}
#Hungary{ top: 28.3%; left: 42.3%;}
#Belgium{ top: 22.9%; left: 45%;}
#Germany{ top: 17.5%; left: 47.1%; }
#Canada{ top: 22%; left: 11.85%;}
#America{ top: 37.6%; left: 24%;}
#Brazil{ top: 70.2%; left: 32.2%;}
#Argentina{ top: 86.7%; left: 25.7%;}
#Bulgaria{ top: 28%; left: 52.5%;}
#Malaysia{ top: 60%; left: 67%;}
#SouthAfrica{ top: 71%; left: 49%;}
#England{ top: 22%; left: 38.5%;}

#India .d_info,
#Australia .d_info,
#newZealand .d_info,
#Brazil .d_info, 
#Argentina .d_info,
#SouthAfrica .d_info{
  top:auto; bottom: 0;
}
.distributors_more{ display:inline-block; position: absolute; bottom: 7%; left:42%; z-index: 5; }
.distributors_map_phone{ display:none;}
.page6.active .distributors_block{
  -webkit-animation:1s .2s fadeIn both; 
  animation: 1s .2s fadeIn both;
} 

/*===================footer========================*/
.page7{ background-color: #171719;}
footer{ position: relative; z-index: 1; background:#171719; color:#616161; }
.footer_nav{ float:left; width:70%; padding-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer_nav li{float:left; position: relative;}
.footer_nav li a.f_a0{ display:block; color: #616161; line-height: 22px; padding: 20px 0;}
.footer_nav li:hover a.f_a0{ color: #e60012;}
.subclass{ position:absolute; bottom:100%; left:0; width:170%; background: #fff; border-radius:10px; padding: 16px 20px; display:none;}
.subclass:before{ content:""; position:absolute; bottom: -12px; left:35px; width:15px; height: 12px; background: url(../png/ico_02.png) no-repeat; background-size: contain;}
.subclass a{ display:inline-block; vertical-align: middle; color: #171719; padding: 0 18px;}
.subclass a:hover{ color: #e60012;}
.footer_nav li.has_subclass a.f_a0 em{ padding-right: 26px; background: url(../png/ico_01a.png) right center no-repeat; background-size: 17px;} 
.footer_nav li.has_subclass:hover a.f_a0 em{ background-image: url(../png/ico_01b.png);} 
.footer_nav li.has_subclass:hover .subclass{ display:block; /*-webkit-animation:1s .1s fadeInDown both; animation: 1s .1s fadeInDown both;*/ }
.footer_tel{ overflow: hidden; color: #fff; line-height: 40px; font-family:Akzidenz-Grotesk BQ Condensed; padding-top: 80px; text-align: right;}
.footer_tel img{ display:inline-block; vertical-align: middle; margin-right: 15px;}
.footer_bot{ clear: both; padding-top: 80px; padding-bottom: 70px;}
.footer_logo{ display:block; float:left; /*width:15.2%;*/ height: 48px; width: auto; margin-right: 2%;}
.footer_info{ float:left; text-transform: uppercase; width:64%; margin-right: 2%;}
.footer_r{ float:right; }
.footer_shared{ margin-top: -14px;}
.footer_shared li{ cursor: pointer; float:left; position: relative; padding-left: 25px; padding-top: 14px;} 
.footer_shared li img{ display:block; width:40px; height: 40px;}
.shared_more{ position:absolute; bottom:100%; right:0; width:93px; display:none;}
.footer_shared li .shared_more img{ width:93px; height: 93px;}
.shared_more:before{ content:""; position:absolute; bottom: -9px; right:15px; width:11px; height: 10px; background: url(../png/ico_04.png) no-repeat;}
.footer_shared li:hover .shared_more{ display:block; -webkit-animation:1s .1s fadeIn both; animation: 1s .1s fadeIn both;}
.back_top{ display:none; cursor: pointer; position: fixed; bottom: 6%; right:3%;}

/*en_footer*/
.en_footer{}
.en_shared{ overflow: hidden; padding-top: 80px;}
.shared_list{ width:100%; max-width: 310px; float: right;}
.shared_list li{ float:left; width:25%; text-align: right;}
.shared_list li img{ -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;}
.shared_list li:hover img{ opacity: 0.80; filter:alpha(opacity=80);}

 /*====================02 news==========================*/  
.sub_warp{ padding: 188px 0 70px; border-bottom: 2px solid rgba(83,83,83,.30); }
/*title02*/
.title02{ overflow: hidden; line-height: 26px; background: url(../jpg/ico_06.jpg) right top repeat-y; font-weight: bold; /*text-transform: uppercase;*/ padding:8px 0 8px 12px;}
.title02 a{ display:block; float:left; }
a.more02{ float:right; color: #e60012; padding-left: 0; padding-right:18px; background: url(../png/ico_07.png) right center no-repeat; background-size: 13px;} 
/*title03*/
.title03{ background-image: url(../jpg/ico_06b.jpg);}
/*tit & des*/
.tit{ line-height:24px; height:48px; position: relative; overflow: hidden; /*white-space:nowrap;*/ text-overflow: ellipsis; -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;}
.tit:before{ content:""; position: absolute; top:50%; left:0; width:0; height: 1px; background: #fff;}
.time{ line-height:18px; opacity: .80; filter:alpha(opacity=80);}
.des{ line-height:26px; max-height:104px; color: #666; opacity: .80; filter:alpha(opacity=80); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
/*news_xinpin*/
.news_xinpin{ } 
.news_list li{ margin-top: 40px;}
.news_list li a{ display:block; overflow: hidden; }
.news_img{ width: 300px; float:left; overflow: hidden; margin-right:30px; }
.news_img .img_box{ padding-top:66.67%;  /*padding-top:30.667%; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1);*/ }
/*.news_list li a:hover .news_img .img_box{ transform: scale(1.1); }*/
.news_info{ overflow:hidden;}
.news_info .tit{ margin-bottom:10px;}
.news_info .time{ margin-bottom: 28px;}
.news_list li a:hover .tit{ padding-left:20px;}
.news_list li a:hover .tit:before{ width:10px; left:0;}
/*news_activity*/
.news_activity{ float:left; width:58%; padding-right: 30px; max-width: 630px;} 
.activity_list li{ margin-top: 20px;}
.activity_list li .news_img{ width:40%; margin-right: 20px;}
.activity_list li .news_img .img_box{ padding-top: 54.17%;}  
.activity_list li .news_info .tit{ margin-bottom: 5px;}
.activity_list li .news_info .des{ max-height: 78px; -webkit-line-clamp: 3;}
.activity_list li .news_info .time{ margin-bottom: 10px;}
/*shop_guide*/
.shop_guide{ width:39%; max-width: 407px; float: right;}
.guide_list li{ margin-top: 20px;}
.guide_list li a{ display:block; overflow: hidden; position: relative; }
.guide_list li a .img_box{ padding-top: 71.256%; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.guide_list li a:hover .img_box{ transform: scale(1.1); } 
.guide_info{ position:absolute; bottom: 0; left:0; z-index: 1; background: url(../png/shop_guide03.png) center top no-repeat; background-size: cover; padding: 15px 24px 10px;}
.info_top{ margin-bottom: 10px;}
.guide_info .tit{ overflow: hidden;}
.guide_info .time{ float:right;}
.guide_info .des{ line-height:22px; max-height: 44px; color: #fff; -webkit-line-clamp: 2;}
/*article*/
.article{ color: rgba(255,255,255,.80);}
.sub_tit{ color: #fff; margin-bottom: 30px;}
.article_tit{ margin-bottom: 50px;}

/*====================03 pro==========================*/  
/*screen*/
.screen{ padding-bottom: 52px;}
.screen .inner{ position: relative;}
.screen_list{ margin:-10px -30px;} 
.screen_list li{ float:left;}
.screen_list li a.s_a0{ display:block; opacity: .30; filter:alpha(opacity=30); padding: 10px 30px;}
.screen_list li:hover a.s_a0,
.screen_list li.current a.s_a0{ opacity: 1; filter:alpha(opacity=100);}
.s_subclass{ position: absolute; top:100%; left:0; z-index: 10; width:100%; padding: 0 10px; display:none;}
.s_subclass a{ display:block; float:left; font-weight: bold; text-transform: uppercase; font-family:Arial Black; margin: 2px 5px; }
.s_subclass a:last-child{ margin-bottom:0;}
.s_subclass a em{ display: inline-block; padding: 7px 10px; border-radius: 3px; background: rgba(236,226,224,0); color: #908684; -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;} 
.s_subclass a em em{ display:none;}
.s_subclass a:hover em,
.s_subclass a.current em{ background: rgba(236,226,224,.30); color: #ece2e0;}  
/*@media (min-width: 992px){
  .screen_list li{ position: relative;}
  .s_subclass{ left:50%; transform: translateX(-50%); padding: 0; text-align: center;}
  .s_subclass a{ float:none; margin-bottom: 5px;}
  .s_subclass a:last-child{ margin-bottom:0;}
}*/

/*pro_show*/
.pro_show{ margin-top: 60px; padding-top: 60px; min-height: 400px; background: url(../jpg/pro_03.jpg) left top repeat-x;}
.set_tit{ margin-bottom:50px;}
.pro_set{ margin:-35px -15px 0;}
.pro_set li{ float:left; width:25%; padding:35px 15px;}
.pro_set li a{ display:block;}
.pro_set li a .img_box{ padding-top: 66.67%; margin-bottom: 20px;}
.pro_set li a .img_box img{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.pro_set li a:hover .img_box img{ transform: scale(1.1); } 
.pro_set li a .img_box:before{ content:""; position: absolute; top:0; left:0; z-index:1; width:100%; height: 100%; border:2px solid #fff;}
.pro_set li a .tit i{ font-family: Arial Black; }
.pro_set li a .tit b{ color: #c3000f; margin-left: 20px;}
.pro_des{ color: #827d7d; line-height:16px; height: 32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px;}
.pro_set li a:hover .img_box{ box-shadow: 0 20px 60px -2px rgba(86,2,2,70);}
.pro_set li a:hover .img_box:before{ border-color:#c3000f;}
 /*page*/
.page{ text-align:center; font-size: 16px; line-height: 27px; margin-top: 50px;}
.page_prev, .page_next, .page_num{ display:inline-block; vertical-align: middle;}
.page_num{ width:110px;}
.page_prev, .page_next{ width:27px; height: 27px; text-indent: -9999px; background: url(../png/arrow02.png) left top no-repeat;}
.page_prev:hover{ background-position: right top;}
.page_next{ background-position: right bottom;}
.page_next:hover{ background-position: left bottom;}

/*=====================pro_detail===============*/
.set_type{ font-family: Arial Black; margin-bottom: 20px; }
.scale_num{ margin-left:20px; color: #f20000; }
.pro_marks{ padding:40px 0; margin: 0 -10px;}
.pro_marks li{ float:left; position: relative; padding: 0 7px;}
.pro_marks li img{ display:block; margin: 0 auto; opacity: .80; filter:alpha(opacity=80);}
.mark_txt{ position:absolute; bottom: 110%; left:50%; z-index: 1; width: 150%; margin-left: -25%; display:none;}
.mark_txt span{ display:inline-block; vertical-align: middle; position: relative; min-width:38px; padding:2px 5px; border-radius:2px; line-height: 17px; background: #c51230; color:#fff; font-size: 12px; text-align: center;}
.mark_txt span:before{ content:""; position: absolute; top:100%; left:0; width:100%; height: 4px; background: url(../png/pro_mark_bg01.png) center bottom no-repeat;}
.pro_marks li:hover img{ opacity: 1; filter:alpha(opacity=100);}
.pro_marks li:hover .mark_txt{ display:block;}


/*detail_tit*/
.detail_tit{ float: left; background: #c51230; text-transform:uppercase; color: #fff; text-align: left; position: relative; z-index: 1; padding-top: 50px; width:25%; height: 286px;}
.detail_tit b{ display:block; line-height: 1; letter-spacing:-0.05em; opacity: .15; filter:alpha(opacity=15); margin-bottom: 10px; }
.detail_tit i{ display:block; padding:0 15%;}
/*suite*/ 
.suite, .coating, .tools{ margin-top: 30px;}
.suite .detail_tit b{ letter-spacing: 0.05em;}
.suite_con{ overflow: hidden; background: #000; color: #a6a6a6;}
.suite_textbox{ line-height: 1.77; padding: 5% 10%;}
/*partners*/
.partners{ margin-top: 130px;}
.partners_list{ margin:-8px 0 0 -8px;}
.partners_block01{ width:40.067%; float:left;}
.p_li{ float:left; width:50%; padding: 8px 0 0 8px;}
.p_li a{ display:block; position: relative; overflow: hidden; /*height: 236px;*/} 
.p_li a .bgImg{ transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); height: 0; padding-top: 100%; }
.p_li a:hover .bgImg{ transform: scale(1.1); } 
.li01_cover{ position:absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: rgba(220,220,220,.90); color: #000; padding:8%;}
.li01_des{ font-size:12px; line-height:18px; max-height: 100%; overflow: hidden; word-wrap: break-word;}
.li02_cover{ position:absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background: rgba(0,0,0,.80); }
.li02_tit{ position: absolute; top:50%; margin-top: -35px; left:0; width:100%; line-height: 50px; text-align: center; padding-bottom: 20px; background: url(../png/ico_08.png) center bottom no-repeat; background-size: 12px;}
.li02_tit em{ display:inline-block; width:63%; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.p_li05{ width:34.438%;}
.p_li05 a .bgImg{ /*height:480px;*/ padding-top: 117.65%;}
.p_li06, .p_li07{ width:25.495%;}
.p_li06 a{ /*height: 182px;*/ padding-top: 60.68%; overflow:visible;}
.p_li06 .detail_tit b{ letter-spacing: -0.05em;}  
.p_li07 a .bgImg{ /*height:290px;*/ padding-top: 96.03%;}
/*details*/
.details{ margin-top: 90px;}
/*.details .detail_tit b{ text-align: right;}*/
.details_rec{ float:left; width:82.5%; margin-left:-7.5%; margin-top: 75px;}
.details_rec a{ display:block; overflow: hidden; color: #000; position: relative;}
.details_rec a .img_box{ padding-top: 63.795%; /*45.456%*/}
.d_r_des{ position:absolute; bottom: 10%; left:4%; z-index: 2; line-height: 20px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.details_list{ clear: both; overflow: hidden; margin:-30px -20px 0; padding-top: 60px;}
.details_list li{ float:left; width:50%; padding:30px 20px;}
.details_list li a{ display:block; color: #a6a6a6;}
.details_list li a .img_box{ padding-top: 63.795%; margin-bottom: 30px;}
.details_list li a:hover{ color:#fff;}
.details_list li a.manual_load{ display:none;}
/*coating*/
.coating{ margin-top: 30px;} 
.coating_rec{ margin-left:0; margin-right:-7.5%;}
/*tools*/
.tools{ }
.tools_con{ overflow:hidden; }
.tools_list{ margin: -2px;}
.tools_list li{ float:left; width:25%; border: 2px solid #171719;}
.tools_list li a{ display:block; position: relative; text-align: center; background: #171719; color: #a6a6a6; padding-bottom: 40px;}
.tools_list li a:hover{ color:#fff;}
.tools_list li a .img_box{ padding-top:63.795%; /*94.28%*/ margin-bottom: 30px; } 
.tools_list li.t_li01 .detail_tit{ width:100%; height: 100%; float: none; position: absolute; top:0; left:0;}
.tools_list li.t_li01 .img_box, .tools_list li.t_li01 .tit{ opacity: 0; filter:alpha(opacity=0);}
/*tools_list2*/
.tools_list2{ margin: -2px;}
.tools_list2 li{ float:left; width:25%; border: 2px solid #171719;}
.tools_list2 li a{ display:block; position: relative; text-align: center; background: #171719; color: #a6a6a6; padding-bottom: 40px;}
.tools_list2 li a:hover{ color:#fff;}
.tools_list2 li a .img_box{ padding-top:63.795%; /*94.28%*/ margin-bottom: 30px; }
.tools_list2 li.t_li01 .detail_tit{ width:100%; height: 100%; float: none; position: absolute; top:0; left:0;}
.tools_list2 li.t_li01 .img_box, .tools_list li.t_li01 .tit{ opacity: 0; filter:alpha(opacity=0);} 

/*color*/
.color{ position: relative;}
@media (min-width: 768px){
  .detail_tit02{ float:right; text-align:right;}
  .p_li06 .detail_tit{ width:100%; text-align: right; position: absolute; bottom: 0; left:0;}
  .color .detail_tit{ position: absolute; /*top:-31%;*/ top:0; right:0; height:70%; padding-top: 13%;}
}
.color_con{ width:79.167%; float: left; position: relative; z-index: 1; margin-top: 60px;}
.color_sheet{ margin: -20px;}
.color_block, .color_sheet li{ float:left; width:50%; padding: 20px;}
.color_sheet li img{ display:block; box-shadow:0 25px 65px 0 rgba(0,0,0,1);}
.color_show{ background: #000; box-shadow:0 25px 65px 0 rgba(0,0,0,1); padding: 50px 40px;}
.color_tit{ height:100px; text-align: center;}
.color_tit img{ max-height:40px; width:auto; max-width: 70%;}
.color_list{ overflow: hidden; margin:-18px -10px; height: 420px;}
.color_list li{ float:left; width:33.33%; padding: 18px 10px;}
.color_list li a{ display:block; max-width: 83px; margin: 0 auto; text-align:center; color: #fff; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.color_list li a .img_box{ display:block; padding-top: 42.18%; border-radius:3px; margin-bottom: 10px;}



/*manual*/
.manual, .related{ margin-top: 110px;}
.detail_tit03{ font-weight:bold;}
.manual_list{ border:2px solid #c3000f; border-radius:20px; padding: 15px 0; margin-top: 30px;}
.manual .manual_list li{ padding:15px 30px;}
.manual_list li a{ display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.manual_load{ display:block; float: right; margin-top: 5px; margin-left: 10%; width:110px; line-height: 42px; border-radius:5px; background: #c3000f; text-align: center; -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;}
.manual_load:hover{ opacity: 0.90; filter:alpha(opacity=90);}
.manual_tit{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 51px; padding-left: 70px; background: url(../png/manual_01.png) left center no-repeat; background-size:51px;}  

/*related*/
.related{}
.related_block{ padding:0 26px; position: relative; margin-top: 50px;}
#related_swiper{ position: inherit; position: initial; }
#related_swiper .swiper-slide a{ display:block; overflow: hidden; background: #fff; }
#related_swiper .swiper-slide a img{ display:block; width:100%; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
#related_swiper .swiper-slide a:hover img{ opacity: 0.90; filter:alpha(opacity= 90); transform: scale(1.1); }
#related_swiper .swiper-button-prev, #related_swiper  .swiper-button-next{ width:26px; height: 100%; top:0; margin-top:0; left:0; background: url(../png/arrow01_left.png) left center no-repeat;}
#related_swiper .swiper-button-next{ left:auto; right:0; background-image: url(../png/arrow01_right.png); background-position: right center;}
#related_swiper .swiper-button-prev:hover, #related_swiper .swiper-button-next:hover{ opacity: .90; filter:alpha(opacity=90);}
/*distributors_all*/
.distributors_all{}

/*========sec_about===========*/
.warp_support{ padding-top:128px;}
.sec_about{ } 
.sec_about .title01 a:before{ background:#fff;}
.about_con{ overflow: hidden; padding-bottom: 10px; margin: 40px 0 -70px;}
.about_list{ margin:-10px;}
.about_list li{ float:left; width:50%; padding: 10px;}
.about_block{ background:#fff; color: #000; box-shadow:0 5px 20px 0 rgba(194,194,194,.30); position: relative; -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out; height: 346px; padding: 40px 35px 40px 40px;}
.about_textbox{ position:relative; z-index: 1;}
.about_tit{ font-weight: bold; margin-bottom: 30px;}
.about_ico{ display:inline-block; vertical-align: middle; position: relative; width:60px; height: 60px; margin-right: 30px;}
.about_ico img{ display:block; width:100%; height: 100%; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1);}
.about_ico img.ico_h{ position: absolute; top:0; left:0; z-index: 1; opacity: 0; filter:alpha(opacity=0); transform: scale(1.2);}
.about_des{ line-height:24px; max-height: 192px; letter-spacing:-0.014em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical;}
.about_block .bgImg{ position: absolute; top:0; left:0; opacity: 0; filter:alpha(opacity=0);}
.about_block:hover{ background: #e50012; color: #fff;}
.about_block:hover .about_ico img{ opacity: 0; filter:alpha(opacity=0); transform: scale(1.2);}
.about_block:hover .about_ico img.ico_h{ opacity: 1; filter:alpha(opacity=100); transform: scale(1);}
.about_block:hover .bgImg{ opacity: 0.20; filter:alpha(opacity=20);}
/*========sec_service===========*/
.sec_service{ background-color: #fff; }
.sec_service .title01 b{ color:#171719;}
.service_img{ width:51.67%; float: left;}
.service_img img{ width:113.867%; max-width: 706px; float: right; margin-top: -10%;}
.service_r{ float: left; width:48.33%; padding:5% 0 0 3.5%;}
.service_list{}
.service_list li{ color: #8d8d8d; letter-spacing: -0.05em; line-height: 1.625; margin-bottom: 40px; padding-left: 65px; background: url(../png/service_03.png) left top no-repeat;}
.service_tit{ color:#e92828; margin-bottom: 10px;}
.service_email{ width:112%; color: #fff; line-height: 26px; padding: 6px 15% 6px 65px; background: url(../png/service_04.png) repeat-y; border-radius:5px;}
.service_email span{ display:block; padding-left: 45px; background: url(../png/service_05.png) left top no-repeat;}
/*========sec_contact===========*/
.sec_contact{ color: #fff;} 
.sec_contact .title01 a:before{ background:#fff;}
.contact_con{ color: #e1e3e5;}
.contact_tit, .contact_list{ font-weight: bold; padding-left: 36px;}
.contact_tit{ line-height:30px; background: url(../png/contact_02.png) left center no-repeat; background-size:22px;}
.contact_list{}
.contact_list li{ margin-top:4%;}
.contact_list li b{ display:block;} 
/*========sec_find===========*/
.sec_find{ background-color: #171719; }
.find_block{ max-width:1050px; margin: 0 auto; position: relative;}
.find_map{ display:block;} 
.find_list{}
.find_list .d_li0 .d_a0{ background-image: url(../png/distributors_ico01c2.png);} 
.find_list .d_li0 .d_a0_style02{ background-image: url(../png/distributors_ico01a2.png);}
.find_list .d_li0:hover .d_a0,
.find_list .d_li0.current .d_a0{ color: #c3000f; background-image: url(../png/distributors_ico01b2.png);} 
.f_info{ left:0; top:0; padding-right: 0; padding-left: 110%;}
.f_info .d_textbox{  width: 422px; height: auto; padding:30px; background: rgba(0,0,0,.80); border:2px solid rgba(195,0,15,.80);}
.f_store{ display:block; height:280px; overflow: hidden;}
.f_store p{ display:block; width: 33.33%; float:left; padding: 5px;}
.f_store p span{ display:block; height: 60px; background: #fff;}
.f_store p span img{ display:block; margin: 0 auto; height:100%; width:100%;}

#China02{ top: 39%; left: 35.3%;}
#Russia02{ top: 24.4%; left: 35.4%; }
#Kazakhstan02{ top: 30.3%; left: 23.3%;}
#Japan02{ top: 40.7%; left: 43.7%; }
#Korea02{ top: 36%; left: 39.7%;}
#Vietnam02{ top: 49.3%; left: 33.8%;}
#Thailand02{ top: 59%; left: 29.8%;}
#India02{ top: 62%; left: 43.8%;}
#Australia02{ top: 75%; left: 39%;}
#newZealand02{ top: 86%; left: 51%;}
#Ukraine02{ top: 86%; left: 51%;}
#Spanish02{ top: 38.2%; left: -0.7%;}
#Poland02{top: 38.2%; left: -0.7%;}
#Czech02{top: 38.2%; left: -0.7%;}
#Turkey02{ top: 37.2%; left: 17%;}
#Iraq02{ top: 37.2%; left: 17%;}
#Lebanon02{ top: 41.5%; left: 14.6%;}
#Cyprus02{ top: 41.5%; left: 14.6%;}
#Italy02{ top: 39.3%; left: 2.3%;} 
#Italy02 .d_a0{ background-position: right top; padding-right: 0; padding-top:30px;}
#Hungary02{ top: 36.9%; left: 8.7%;} 
#Belgium02{ top: 31.8%; left: 1.8%;} 
#Germany02{ top: 28.6%; left: 8.1%;} 
#Canada02{ top: 27.4%; left: 73.9%;}
#America02{ top: 40.4%; left: 82.9%;}
#Brazil02{ top: 66.9%; left: 92.6%;}
#Argentina02{ top: 79.9%; left: 83.6%;}
#England02{ top: 26%; left: 1%;}

#Canada02 .f_info,
#America02 .f_info,
#Brazil02 .f_info, 
#Argentina02 .f_info{
  left: auto;
    right: 0;
    padding-left: 0;
    padding-right: 110%;
}
#Brazil02 .f_info{ 
  top:auto; bottom: 0;
}
.find_map_phone{ display:none;}

/*========sec_manual===========*/
.sec_manual{ background-color: #760100; }   
.sec_manual .title01 a:before{ background:#fff;}
.manual_search{ width:80%; max-width: 890px; margin:60px auto 0; background: #fff; padding: 16px 25px 16px 35px; border-radius:40px;}
.m_s_btn{ float:right; width:116px; height: 40px; border-radius: 20px; background: #c3000f; color: #fff;}
.m_s_fill{ overflow:hidden;}
.m_s_txt{ width:100%; height: 40px; background: url(../png/ico_09.png) left center no-repeat; padding-left: 50px; background-size:30px;}

/*========distributors_all===========*/
.distributors_all{}
.distributors_guide{ width:206px; float: left; border-radius:10px; border:1px solid rgba(125,125,125,.60); padding: 30px 0 50px;}
.distributors_guide a{ display:block; cursor:pointer; color: #616161; font-weight: bold; line-height: 40px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.distributors_guide a:before{ content:""; position: absolute; top: 90%; left:0; width:0; height: 1px; background: #ed1e24;}
.distributors_guide li:hover a, .distributors_guide li.li_current a{ color: #ed1e24;}
.letter_order{ float:left; width:60px; padding-left: 10px;}
.local_order{ overflow: hidden;}
.local_order li a.a_current{ color: #ed1e24; }
.local_order li a.a_current:before{ width:100%;}
.distributors_r{ overflow:hidden; color: #8c8c8c; padding: 4% 8% 0;}
.local_block{ }
.local_info{ margin-bottom: 80px; padding-left: 40px; position: relative;}
.local_info:before{ content:""; position:absolute; top:16px; left:0; width:8px; height: 8px; background: #ed1e24;}
.local_info li{ line-height:24px; padding:8px 0; word-break: break-all;}
.local_info li a{ color: #8c8c8c;}
.local_block{ display:none;}
.local_block.show{ display:block;}
  
.sec_cartoon{ padding-top: 70px; padding-bottom: 0;}
.sec_about{ padding-bottom: 0;}
.sec_service{ padding-top: 130px;}
.mar_t70{ margin-top: 70px;}

/*06.27修改*/
.load_link{ clear:both; overflow: hidden; margin-top: 30px; margin-bottom: 30px;}
.load_link .manual_load{ margin-left:0; margin-top: 0;}
.suite_left{ float:left;  width: 25%;}
.suite_left .detail_tit{ width:100%;}
.suite_left .pro_marks{ clear:both;}
.details_block{ position:relative;}
.details_block a.manual_load{ position:absolute; bottom: 64px; right:10px; z-index: 1; margin: 0; color: #fff;}

/*07/04修改*/
.coating_tit{ width: 36%; padding: 10px 10px 0 0; height: auto; margin-bottom: -9%;}  
.coating_tit i, .coating_tit b{ display:inline-block; vertical-align: middle;}
.coating_list{ padding-top:0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}
.coating_list a .tit{ white-space: normal; height:auto; }
.result_list{}
.result_list li{ padding: 15px 30px; border-bottom:1px solid rgba(255,255,255,.10);} 
a.result_btn{ float:right; margin-left: 10%;}
a.result_btn .manual_load{ margin:0;}
.mailto_form{ padding: 5%;}
.mailto_line{ overflow:hidden; border-bottom:1px solid rgba(255,255,255,.60); margin-bottom: 20px;}
label.label0{ display:block; float: left; width:80px; text-align: right; margin-right: 3%; line-height: 50px;}
.mailto_fill{ overflow:hidden;}
.mailto_txt{ width:100%; height:50px; color: #fff; padding: 12px 0; line-height: 26px;}
.mailto_yu{resize: none; height:148px;}
.mailto_handle{ text-align: right; padding-top: 20px;}
.mailto_btn{ margin-left: 3%; width:110px; line-height: 42px; border-radius:5px; background: #c3000f; color: #fff; text-align: center; -webkit-transition:all 0.5s 0s ease-in-out; transition: all 0.5s 0s ease-in-out;}
.mailto_btn:hover{ opacity: 0.90; filter:alpha(opacity=90);}

/*07/19修改*/
#sec_find{ text-align: center;}
#sec_find .distributors_more{ position: inherit; position: initial;}


/*font*/
.f68{ font-size:68px;}
.f58{ font-size:58px;}
.f50{ font-size:50px;}
.f42{ font-size:42px;}
.f40{ font-size:40px;}
.f36{ font-size:36px;}
.f34{ font-size:34px;}
.f32{ font-size:32px;}
.f30{ font-size:30px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}

@media (min-width: 768px) and (max-width: 1600px) and (max-height: 768px){
  /*font*/
  .f68{ font-size:60px;}
  .f58{ font-size:50px;}
  .f50{ font-size:42px;}
  .f42{ font-size:36px;}
  .f40{ font-size:34px;}
  .f36{ font-size:30px;}
  .f34{ font-size:28px;}
  .f32{ font-size:26px;}
  .f30{ font-size:24px;}
  .f26{ font-size:20px;}
  .f24{ font-size:20px;}
  .f22{ font-size:18px;}
  .f20{ font-size:16px;}
  .f18{ font-size:16px;}
  .f16{ font-size:14px;}
  /*header*/
  .logo img{ height: 38px; margin:10px 0;}
  .language_sel a.language_cur{ line-height:54px;}
  .header_bot{ height:40px; line-height: 40px;}
  .search{ margin-top: 7px;}
  /*=============index=================*/
  .section{ /*padding-top: 94px;*/}
  .index_sec{ padding:30px 0;}
  .body_index .index_sec{ padding:134px 0 40px;}
  .title01 em{ margin-top:5px;}
  /*focus_swiper*/
  .f_t_p01{ width: 17%; } 
  .f_t_p02{ width: 22%; }
  .f_t_p03{ width: 28px;}
  .f_t_p04{ width: 14%; }
  /*sec_pro*/
  .pro_block{ padding-top: 20px;}
  .pro_bg{ width:70%;}
  .pro_txt{ width:70%; left:15%;}
  .pro_tit_en{ font-size: 12px; margin-bottom: 20px;}
  .pro_tit{ font-size:16px;}
  #pro_swiper .swiper-slide-active .pro_tit{ font-size:18px;}
  /*sec_military*/ 
  /*.big_con{ padding-top: 308px;}
  .textbox_military{ padding-top:0;}*/ 
  .textbox_tit a b{ margin-bottom:5px;}
  .textbox_des{ line-height:26px; height: 130px; margin-bottom: 20px;}
  /*sec_civilian && sec_cartoon*/
  .textbox_civilian, .textbox_cartoon{ margin-top: 20px;}
  .civilian_block{ margin-top:-4%;}
  .textbox_cartoon .textbox_des{ height:52px;}
  /*sec_distributors*/
  .d_textbox{ padding:20px; width:225px; height: 240px;}
  .d_ol{ height:200px;}
  .d_ol li{ padding:5px 0;} 
  
  .sec_service{ padding-top: 70px;}
  
}   

@media (max-width: 1366px){ 
  /*font*/
  .f68{ font-size:52px;}
  .f58{ font-size:42px;}
  .f50{ font-size:34px;}
  .f42{ font-size:30px;}
  .f40{ font-size:28px;}
  .f36{ font-size:24px;}
  .f34{ font-size:22px;}
  .f32{ font-size:20px;}
  .f30{ font-size:20px;}
  .f26{ font-size:18px;}
  .f24{ font-size:18px;}
  .f22{ font-size:18px;}
  .f20{ font-size:16px;}
  .f18{ font-size:14px;}
  .f16{ font-size:14px;}
  /*inner*/
  .inner{ max-width:1030px;}
  /*index*/
  .pro_tit{ font-size:14px;}
  #pro_swiper .swiper-slide-active .pro_tit{ font-size: 16px;}
  .distributors_block{ width:83%;}
  .textbox_tit{ margin-bottom: 10px;}
  .military_thumb{ bottom:20px;}
  /*02 news*/ 
  .news_info .time{ margin-bottom:10px;}
  .des{ line-height:22px; max-height: 88px;} 
  .activity_list li .news_info .des{ max-height:66px; }
  /*03 pro*/ 
  .screen_list{ font-size: 16px; margin-left:-20px; margin-right: -20px;}
  .screen_list li a.s_a0{ padding-left: 20px; padding-right: 20px;}
  .pro_set{ margin:-25px -10px 0;}
  .pro_set li{ padding:25px 10px;}
  .pro_show{ margin-top:30px; padding-top: 30px;} 
  .tools_list2 li.t_li01 .detail_tit b{ font-size:26px!important;}
  /*footer*/
  .footer_nav, .footer_tel{ padding-top:40px;}
  .footer_nav li a.f_a0{ padding:15px 0;}
  .subclass{ padding: 8px 15px;}
  .footer_bot{ padding-top: 40px; padding-bottom: 30px;}
  
}

@media (max-width: 991px){
  /*font*/
  .f68{ font-size:44px;}
  .f58{ font-size:34px;}
  .f50{ font-size:26px;}
  .f42{ font-size:22px;}
  .f40{ font-size:20px;}
  .f36{ font-size:18px;}
  .f34{ font-size:18px;}
  .f32{ font-size:18px;}
  .f30{ font-size:18px;}
  .f26{ font-size:16px;}
  .f24{ font-size:16px;}
  .f22{ font-size:16px;}
  .f20{ font-size:14px;}
  .f18{ font-size:12px;}
  .f16{ font-size:12px;}
  body,html{ font-size:12px;}
  /*inner*/
  .inner{ max-width:750px;}
  /*header*/
  .logo img{ height: 28px; margin: 10px 0;}
  .language_sel a.language_cur{ line-height:42px;}
  .language_more{ margin-top:0;}
  .language_more a{ padding:10px 0;}
  .header_bot{height:40px; line-height:40px;}
  .search{ margin-top:7px;}
  /*footer*/
  .back_top{ bottom: 0; right:0;} 
  
  /*02 news*/
  .sub_warp{ padding-top:132px;}
  .des{ max-height:44px; -webkit-line-clamp: 2;} 
  
  /*03 pro*/ 
  .screen_list{ font-size: 14px; margin: -5px -10px;}
  .screen_list li a.s_a0{ padding:5px 10px;}
  .tools_list2 li.t_li01 .detail_tit b{ font-size: 19px!important;}
  
  /*04 support*/
  .warp_support{ padding-top:82px;}
  .about_block{ padding:20px;} 
  /*.fp-section{ padding-top:82px;}*/
  
  .color_show{ padding:30px;}
  .color_tit{ height:70px;}
  .color_list{ margin:-10px; height: 310px;}
  .color_list li{ padding:10px;}
  
  .textbox_tit a b{ margin-bottom:5px;}
}

@media (max-width: 767px){
  body,html{ overflow-y:auto;}
  /*header*/
  .nav li a{ width:auto; padding-right:15px;}
  /*footer*/
  footer{font-size: 12px; padding-top: 30px; }
  .footer_nav{ width:auto; float: none; padding-top: 0; font-size: 12px; text-align: center; }
  .footer_nav li{ display:inline-block; vertical-align: middle; float:none; width:auto; }
  .footer_nav li a.f_a0{ padding:10px 0;}
  .footer_nav li.has_subclass a.f_a0 em{ background-size:10px; padding-right: 16px;}
  .subclass{ padding:5px; border-radius:5px; font-size: 12px; width:100%; display:block;}
  .subclass a{ padding:0 5px;}
  .subclass:before{ background-size:10px;}
  .footer_tel{ text-align:center; padding-top:0;}
  .footer_tel img{ width:24px; height: 24px;}
  .footer_bot{ padding:15px 0 30px;}
  .footer_logo{ float:none; width: 40%; max-width: 132px; margin: 0 auto;}
  .footer_info{ float:none; width:100%; text-align: center; margin:15px 0 0;}
  .footer_r{float:none; text-align: center; margin-top:15px;}
  .footer_shared{ display:inline-block; vertical-align: top;}
  .footer_shared li img{ width:30px; height: 30px;}
  /*en_footer*/
  .en_shared{ padding-top: 10px; text-align: center;}
  .shared_list{ max-width:none; float: none; display:inline-block; vertical-align: top;}
  .shared_list li{ display:inline-block; vertical-align: middle; float:none; width:auto; padding: 0 10px;}
  .shared_list li img{ width:32px; height: 32px;}
  
  /*=========index===========*/
  .index_sec{ background-attachment: inherit;}
  .body_index .index_sec{ padding: 122px 0 30px;}
  #focus_swiper .swiper-pagination-bullet{ margin:0 5px;}
  /*sec_pro*/
  .pro_prev, .pro_next{ width:70px; line-height: 26px; font-size: 12px; padding: 0; text-align: center;}
  .pro_prev:before, .pro_next:before{ display:none;}
  .pro_tit{ padding: 0 10px; font-size:12px;}
  #pro_swiper .swiper-slide-active .pro_tit{ font-size:14px;}
  .pro_txt{ top:auto; bottom:20px;}
  .textbox_des{ line-height: 20px; height: auto; max-height: 100px; margin-bottom:20px;}
  
  /*more01*/
  .more01 a{ line-height:28px;}
  .more01 a em{ padding-right:30px;}
  .more01 a em:before{ width:20px;}
  /*sec_military*/
  .thumb_block{ padding:0; }
  .textbox_military{ padding-top:30px;}
  .military_thumb .arrow_left{ left:-15px;}
  .military_thumb .arrow_right{ right:-15px;}
  .textbox_cartoon .textbox_des{ height: auto; max-height:44px;}
  /*sec_civilian*/
  .textbox_civilian{ margin-top: 40px; float:none; text-align: left;}
  .textbox_civilian .textbox_des{ float:none; max-width: none;}
  .civilian_block{ float:none; width:100%; margin:40px 0 0;}
  /*sec_cartoon*/ 
  .textbox_cartoon{ margin-top: 40px; margin-bottom: 0;}
  /*sec_distributors*/
  .distributors_block{ display:none;}
  .distributors_map_phone{ display:block;}
  .distributors_map_phone img{ display:block; margin: 40px auto 0;}
  .distributors_more{ position: inherit; position: initial; display:block; text-align: center; margin-top: 40px;}
  
  /*=========02 news===========*/
  .news_list li .news_img{ width:130px; margin-right: 10px;} 
  .news_list li .news_info .tit, 
  .news_list li .news_info .time{ margin-bottom:5px;}
  .news_list li .news_info .des{ line-height:18px; max-height: 36px;}
  
  .news_activity{ float: none; width:100%; padding-right: 0; max-width: none;}
  .activity_list li .news_info .des{ display:none;}
  .shop_guide{ width:100%; float: none; max-width: none;}
  .guide_info{ padding:10px 15px;}
  
  /*=========03 pro===========*/
  .pro_set{ margin:-15px -5px 0;}
  .pro_set li{ width:50%; padding:15px 5px;}
  .pro_set li a .img_box{ margin-bottom: 10px;} 
  .detail_tit{ width:100%; float:none; height: auto; padding:20px 15px;}
  .detail_tit i{ padding:0;}
  /*.detail_tit b{ font-size:44px;}*/
  .partners{ margin-top: 50px;}
  .partners_block01{ width:100%; float:none;}
  .suite_textbox{ padding:5%;} 
  .li01_cover{ padding:15px;}
  .p_li05{ width: 100%;}
  .p_li06, .p_li07{ width: 50%;}
  .p_li06 a{ padding-top: 0;}
  .details{ margin-top: 50px;}
  .details .detail_tit b{ text-align:left;}
  .details_rec{ float:none; width:100%; margin: 0; }
  .details_list{ margin:-10px -10px 0; padding-top: 30px;}
  .details_list li{ padding: 10px;}
  .details_list li a .img_box{ margin-bottom:10px;}
  .tools_list li{ width:50%;}
  .tools_list li a{ padding-bottom:20px;}
  .tools_list li a .img_box{ margin-bottom:10px;}   
   .tools_list2 li{ width:50%;}
  .tools_list2 li a{ padding-bottom:20px;}
  .tools_list2 li a .img_box{ margin-bottom:10px;}  
  .tools_list li.t_li01,
  .tools_list2 li.t_li01{ width: 100%;}
  .tools_list li.t_li01 a .img_box,
  .tools_list2 li.t_li01 a .img_box{ display: none;}  
  .manual, .related{ margin-top: 50px;}
  .manual_list{ border-width:1px; padding:10px 0;} 
  .manual_load{ line-height: 32px; width:auto; padding:0 15px;}
  .manual_tit{ line-height:40px; padding-left: 50px; background-size: 40px;}
  .related_block{ margin-top: 30px;} 
  
  .color_con{ float:none; width:100%;}
  .color_show{ max-width:265px; margin: 0 auto;}
  
  /*=========04 support===========*/
  .about_list li{ width:100%;}
  .about_block{ height:auto;}
  .about_des{ max-height:none;}
  .about_ico{ width:40px; height: 40px; margin-right: 15px;}
  .about_tit{ margin-bottom:15px;}
  .service_img{ width:100%; float: none; text-align: center;}
  .service_img img{ width:60%; max-width: 500px; float: none; margin: 0 auto; }
  .service_r{ width:100%; float: none; padding: 0; }
  .service_list li{ margin-bottom:20px;}
  .find_block{ display:none;}
  .find_map_phone{ display:block;}
  .manual_search{ width:100%; margin-top: 30px; padding: 10px;}
  .m_s_btn{ width:auto; padding: 0 15px; height: 32px;}
  .m_s_txt{ padding-left:30px; background-size: 20px; height: 32px;}
  
  /*=========05 distributors===========*/
  .distributors_r{ padding:0 0 0 4%;}
  .distributors_guide{ width:126px; padding: 15px 0; max-height: 430px; overflow-y: auto;}
  .letter_order{ width:40px;}
  .local_info{ padding-left:14px; margin-bottom: 30px;}
  .local_info:before{ width:4px; height: 4px; top:12px; }
  .local_info li{ padding:2px 0;}
  
  /*2019.06.27*/
  .suite_left{ width:100%; float:none; margin-bottom: 30px;}
  .details_block a.manual_load{ bottom:44px;} 
  
  /*2019.07.25*/
  .pro_block{ padding-top: 20px;}
  .title01 em{ margin-top:5px; font-size: 12px;}
  .pro_tit{ line-height: 18px; max-height: 72px;}
  .pro_tit_en{ margin-bottom: 15px; padding: 5px 10px;}
  .cartoon_box{ position:relative;}
  .manual .manual_list li, .result_list li{ padding: 10px 15px;}
  
}


@media (max-width: 567px){
  .color_block{ float:none; width:100%;} 

}

.coating_tit i{ padding-left: 0; padding-right:4%;}
.page7{ padding-top:0;}



a,*:before,*:after,input[type="submit"], input[type="reset"], input[type="button"], input[type="text"],sup,.browserupgrade,header, .menu_phone i{
    -webkit-transition:all 0.5s 0s ease-in-out; 
    transition: all 0.5s 0s ease-in-out;
}