﻿body { max-width: 1920px; margin: 0 auto;  font-family: Arial, sans-serif,raleway;}
/* *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box } */
.clearfix:before, .clearfix:after { content: ''; display: table }
.clearfix:after { clear: both }
.top_lang a{color:black}

a { color: #000; text-decoration: none }
a:hover, a:focus { color: #afb3b8; outline: 0 }


* { margin: 0; padding: 0; box-sizing: border-box; }
img { vertical-align: middle; }
li { list-style: none; }
a { text-decoration: none; }
.r { float: right; }
.l { float: left; }
.cen{ margin: 0 auto; display: block; }
.w1200-cen{ width: 1200px; margin: 0 auto; display: block;}
.font48{ font-size: 48px; }
.font36{ font-size: 36px; }
.font26{ font-size: 26px; }
.font18{ font-size: 18px; }
.font14{ font-size: 14px; }
.btn1{ width: 210px; text-align: center; border: 1px solid #000; height: 35px; line-height: 33px; }
.btn1:hover{ background-color: #231815; color: #fff; border-color: #231815; }
.mar-t-0{ margin-top: 0; }


.m-menu{ display: none; }
.codrops-header{ height: 75px; width: 90%;  line-height: 75px; text-align: center;  cursor: pointer;}
.dropdown{ float: left; }
.dropdown-toggle{ font-size: 18px; color: #595757; line-height: 75px; padding: 0 20px; display: block; }
.dropdown-toggle:hover{ background-color: #231815; color: #fff; }
.pc-nav .active .dropdown-toggle{ background-color: #231815; color: #fff; }
.line1{width: 90%;height: 2px;background-color: #fff;margin: 0 auto;
position: relative;bottom: 10px; transition: all 1s linear; }
.dropdown-menu{ position: absolute; left: 0;  line-height: 53px;
 border-top: 1px solid #cecfcf;  background-color: #fff;}
.dropdown-menu a{ color: #808080; display: block; padding: 5px 25px;}
/* .dropdown-menu li a::after{ content: "|"; display:inline-block; margin: 0 0 0 25px; } */
.dropdown-menu a:hover{ background-color: #e3e3e3; color: #000; border-bottom: 3px solid #000; }
.dropdown-menu li{ float: left; background-image: url(../images/01251051.jpg);
  background-repeat: no-repeat; background-position: right; }
.pc-nav{ position: relative;  display: none;}


.dropdown-menu{ display: none; }
.pc-nav .active .dropdown-menu,
.pc-nav .active .line1{}

.pc-nav .dropdown:nth-child(3) .dropdown-menu{ width: 195%; left: -20%; } 
.pc-nav .dropdown:nth-child(4) .dropdown-menu{ left: -4.3%; } 
.pc-nav .dropdown:nth-child(5) .dropdown-menu{ left: 33%; } 
.pc-nav .dropdown:nth-child(6) .dropdown-menu{ left: 45%; } 
.pc-nav .dropdown:nth-child(7) .dropdown-menu{ /* left: 55%; */   left: 70.2%;} 


.inner1{ position: fixed; top: 0; z-index: 200; width: 100%;
transition: .2s ease-in-out; max-width: 1920px; }
.gradient {
    width: 100%;
    height: 200px;
    position: fixed;

    background-repeat: repeat-x;
    background-size: contain;
    z-index: 0;
    transition: all .2s ease-in-out;
    pointer-events: none;
    z-index: 500;
    top: 75px;
}
.pc75 .gradient{ background-image: none; }
/* .pc75 .pc-nav{ display: block; } */
.pc75 .inner1{ background-color: #fff; }
.pc-logo{display: none; }
.pc-logo2{display: inline; width:18%; margin-top: 10px;}
.pc75 .pc-logo{ display: none; }

.pc75 .pc-logo2{ /* margin-left: 44%; */ display: inline; width: 13%; }


.pc200 .pc-logo2{ display: none;}
.pc200 .pc-logo{ display: inline;}
.pc200 .codrops-header{ text-align: unset; }
.pc200 .pc-nav{ display: block; }

.footer{ padding: 60px; background-color: #262626; position: fixed;bottom: 0; width: 100%; z-index: 300; max-width: 1920px; }
.inner5{ width: 80%;  overflow: hidden; }

.inner5a p{ line-height: 30px; color: #e9eaea; }

 .icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
} 

.inner5a .icon {
  width: 2em;
  height: 2em;
  padding: 5px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 15px;
}
.linef{ width: 90px;height: 3px;background: #fff;margin-top: 40px; margin-bottom: 20px; }
.inner5b{ margin-left: 50px; }
.icon-iconset0414,.icon-fangdajing{ width: 32px; height: 32px; color: #fff; }
.icon-iconset0414:hover{ color:#da4709;  }
.icon-iconset0414:active{ color:#da4709;  }
.icon-fangdajing{ width: 23px; height: 23px; float: right; position: absolute;right: 0;top: 5px; background-color: #262626; }
.inner5c-1{ margin-top: 35px; position: relative; }
.inner5c input{ height: 35px; line-height: 35px; width: 300px; text-align: center;
 background:none; border: none; color: #fff; border-bottom: 1px solid #929292;}
 .inner5c p{ color: #fff; text-align: right; padding-top: 145px; }
.bdsharebuttonbox a{ background-image: none !important; font-size: 18px !important;
 padding-left: 0 !important; height: 34px !important; line-height: 34px !important; width: 34px !important; background-color: #fff; border-radius: 50%;
text-align: center; margin-right: 20px !important;}
.bdshare-button-style0-16 a:hover{ color: #da4709 !important; opacity: 1 !important; }
#search-btn{ width: 23px; height: 23px; opacity: 0; line-height: 23px; }




.zdh{ display: none; margin-top: 20px;  }
.menu__inner .active .zdh{ display: block; }
