@charset "utf-8";
/* CSS Document */
body{font-size:14px; background:#fff; font-family:"Microsoft Yahei","微软雅黑",sans-serif; width:100%; overflow-x:hidden;overflow-y: auto;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0; }
.hy-main input[type=text]:focus,.hy-main input[type=password]:focus,.hy-main textarea:focus{
 transition:border linear .2s,box-shadow linear .5s;
 -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
 -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
 outline:none;border-color:rgba(140,215,255,.75);
 box-shadow:0 0 8px rgba(140,215,225,.5);
 -moz-box-shadow:0 0 8px rgba(140,215,225.5);
 -webkit-box-shadow:0 0 8px rgba(140,215,225,3);
}
fieldset,img{border:0;} 
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}
a:focus,input,button,select,textarea{outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-variant: normal;}
input,select,img{ vertical-align:middle;}
legend{ display:none;}
textarea{resize:none; font-family:"Microsoft Yahei","微软雅黑",sans-serif;}
.clear:after{clear:both; content:"";display:block;height:0;line-height:0;visibility:hidden;}
.mt10{ margin-top:10px;}.mt20{ margin-top:20px;}.pt10{ padding-top:10px;}.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tl{ text-align: left;}.ov{ overflow:hidden;}.rel{ position:relative;}.tc{ text-align:center;}
.none{ display:none;}.block{ display:block;}.mr10{ margin-right:10px;}.mt5{ margin-top:5%;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
}
.bd_weixin_popup{ box-sizing:content-box;}

.t10{    margin: 20px 0 10px 0;clear: both;height: 70px;}

#header{  background: #fff; width: 100%; z-index: 99; transition: left 0.3s linear; -webkit-transition: left 0.3s linear; -moz-transition: left 0.3s linear; -ms-transition: left 0.3s linear; -o-transition: left 0.3s linear; }
#header .ding{ line-height: 35px;height: 35px; }
#header .ding .NoteTips{ height: 35px; overflow: hidden;color: #fff; }
#header .ding a{ font-size: 15px; color:#fff; }
#header .ding a:hover{ color:#85ceff; }
#header .ding .icons{ width: 20px; height: 30px; vertical-align: middle; transform: translateX(0); }
#header .ding a:hover .icons{ transform: translateX(2px); }
#header .ding .phone .icons{ background-position:3px 3px; }
#header .ding .mail{ margin-left: 40px; }
#header .ding .mail .icons{ background-position:-22px 3px; margin-right: 10px; }
#header .logo{}
#header .logo a{ height: 70px; display: table-cell; vertical-align: middle; }
#header .logo img{ display: block; height: 76px; }
#header .bot{ padding:10px 0; position: relative; }
#header .menu{ font-size: 18px; }
#header .menu li{ display: inline-block; float: left; position: relative; z-index: 5; }
#header .menu li.language{ display: none; }
#header .menu .title{ padding:0; line-height: 78px; display: block;}
#header .menu li.language .title{ color:red}
#header .menu .title .line{ position: absolute; left: 50%; width: 0; display: block; height: 2px; background-color: #f1901f; top:100%; margin-top: 8px; }
#header .menu li:hover .line{ width: 100%; left: 0; }
#header .menu .lib{ position: absolute; left: 50%; top:75%; font-size: 14px; width: 160px; margin-left: -80px; padding-top:8px; opacity: 0; transform: scaleX(0); text-align: left; white-space: nowrap; }
#header .menu .lib:before{ display: block; content:""; position: absolute; left: 50%; margin-left:-7px; top:-6px; border:7px solid transparent; border-bottom-color:#f1901f; }
#header .menu .lib a{ display: block; position: relative; }
#header .menu .lib .a{ padding:7px 12px; line-height: 22px; position: relative; }
#header .menu .lib .a:before{ display: block; content: ""; position: absolute; left: 50%; top:0; height: 100%; width: 0; background-color: #e98209; transition:all 0.3s ease; }
#header .menu .lib .a+.a{ border-top:1px solid #ccc; }
#header .menu .lib .a:hover:before{ left: 0; width: 100%; }
#header .menu .lib .a:hover a{ color:#fff; }
#header .menu .lib .h_third:after{ display: block; content:""; position: absolute; top: 0; right: 8px; height: 100%; width: 10px; background:url(../images/icons_jt.png) no-repeat center/auto 8px; }
#header .menu .lib .a:hover .ThirdBox{ margin-left: 0; opacity: 1; transform: scale(1); }
#header .menu .lib .ThirdBox{ position: absolute; left: 100%; top: 0; opacity: 0; padding-left: 0px; transform: scale(0); transition: opacity,margin 0.3s ease-in-out; margin-left: -5px; }
#header .menu .lib .ThirdBox:before{ display: block; content:""; position: absolute; right: 100%; top:11px; border:7px solid transparent; border-right-color:#f1901f; }
#header .menu .lib .ThirdBox .div{ line-height: 22px; position: relative; background-color: #f1901f; }
#header .menu .lib .ThirdBox .div+.div{ margin-top:1px; }
#header .menu .lib .ThirdBox .div:before{ display: block; content: ""; position: absolute; left: 50%; top:0; height: 100%; width: 0; background-color: #b10911; transition:all 0.3s ease; }
#header .menu .lib .ThirdBox .div:hover:before{ left: 0; width: 100%; }
#header .menu .lib .ThirdBox a{ display: block; color:#fff; padding:7px 12px; font-size: 12px; }
#header .menu li:hover .lib{ opacity: 1; transform: scaleX(1); }
#header .bot .f-searc{ position: absolute; top:100%; left: 50%; margin-left: 530px; display: none; }
.IndexBody #header .bot .f-searc{ display: block; }
#header .bot .f-searc .Key{ position: absolute; right: 100%; top: 0; height: 70px; line-height: 70px; width: 250px; font-size: 16px; color:#666; padding:0 10px; background-color: #fff; opacity: 0; transform: translateX(15px); }
#header .bot .f-searc:hover .Key{ opacity: 1; transform: translateX(0); }
#header .bot .f-searc .submit{ display: block; height: 70px; width: 70px; background-color: #f1901f; position: relative; cursor: pointer; border:0 none; }
#header .bot .f-searc .submit .icons{ position: absolute; left: 50%; top:50%; height: 20px; width: 20px; background-position:-54px -2px; margin-top: -10px; margin-left:-10px; }
#header .bot .f-searc .submit:hover{ background-color: #f1901f; }
.lang{position: absolute;right: 14%;top:35%;transition:all 0.3s ease;}
.SmallHeader{ padding-top: 70px; }
.SmallHeader #header{ border-bottom: 1px solid #e7eaed; box-shadow: 0 0 15px rgba(0,0,0,0.1); }
#header .on{ display: none; }
.SmallHeader #header .logo a{ height: 50px; }
.SmallHeader #header .logo a img{ height: 40px; }
.SmallHeader .lang{position: absolute;right: 17%;top:15px}



.f_l{ float: left; display: inline-block; }
.f_r{ float: right; display: inline-block; }
.bg1{ background-color: #129da3; }

    /* 搜索 和语言版本*/
    /* .top{padding:37px 0;}
    .top .h_search .icon{display:block; width:19px; height:20px; background:url(../images/h_search.png) no-repeat center; }
    .top .h_lan a{font-size:17px; line-height:20px; margin-right:25px; color:#000;}
    .top .h_lan a:hover{opacity:0.6}
    
    
    .top .h_lan {  position: relative;cursor: pointer;float: left;}
       .top .h_tool {  display: inline-block;  vertical-align: middle;  }
       .top .h_lan i.icon {background: url(../images/head_lang.png) no-repeat center;  width: 36px;  height: 14px; display: inline-block;}
       
       .top .h_lan .mobile_txt {   display: none;}
       .top .h_lan .pc_txt:hover  { color: #f80404;}
     
        
        .top .h_lan:hover .iconfont  { color: #f80404;}
       .top .h_lan .lan_down {    background: rgba(230,232,234,0.8);}
       .top .h_lan .lan_down { display: none; height: 81px;width: 150px; padding-top: 5px; margin-top: 0px; padding-bottom: 5px; margin-bottom: 0px;position:absolute ; z-index: 3; }
       .top .h_lan:hover{}
       .top .h_lan:hover .lan_down { display: block; }
       .top .h_lan .lan_down ul>li {  margin: 5px 0;height: 33px;line-height: 33px;}
       .top .h_lan .lan_down ul>li:hover {   background: rgba(255,255,255,0.8);}
    
       .top .h_lan .lan_down ul>li a {    display: block;    padding: 5px 10px;    color: #666}
       .top .h_lan a {    display: block;    font-size: 16px;    line-height: 16px;    color: #999;}
       .top .h_lan .lan_down ul>li a img {   margin-right: 10px;float: left;width: 34px;}
       .top .h_lan .lan_down ul>li a span {    display: inline-block;    font-size: 15px; line-height: 22px; }
    
       @media only screen and (max-width: 760px){
        .top .h_lan .mobile_txt {  display: inline-block; }
       .top .h_lan .pc_txt{display:none;}
       .top .h_lan .iconfont{display:none;}
       } */

       

@media (min-width: 1201px){
a:hover{ color:#e70009;}
}
@media screen and (max-width: 480px) {
   
  
    img{ max-width:100%;}
    }





/* 搜索 和语言版本*/
.header .h_tools{padding:37px 0;}
.header .h_tools .h_search .icon{display:block; width:19px; height:20px; background:url(../images/h_search.png) no-repeat center; }
.header .h_tools .h_lan a{font-size:17px; line-height:20px; margin-right:0px; color:#000;}
.header .h_tools .h_lan a:hover{opacity:0.6}

.headerbg {
  background: rgba(0,0,0,.4);
}


.h_tools .h_lan {  position: relative;cursor: pointer;    line-height: 62px;    float: left;    margin-left: 20px;}
   .h_tools .h_tool {  display: inline-block;  vertical-align: middle;  margin-left: 26px;}
   .h_tools .h_lan i.icon {background: url(../images/head_lang.png) no-repeat center;  width: 36px;  height: 14px; display: inline-block;}
   
   .h_tools .h_lan .mobile_txt {   display: none;}
   .h_tools .h_lan .pc_txt:hover  { color: #f80404;}
   .pc_txt{color: #00898f;    font-size: 14px;}
   .h_tools .h_lan .iconfont  { color: #00898f;}
    .h_tools .h_lan:hover .iconfont  { color: #f80404;}
   .h_tools .h_lan .lan_down {    background: rgba(230,232,234,0.8);}
   .h_tools .h_lan .lan_down { display: none; height: 81px;width: 128px; padding-top: 5px; margin-top: 0px; padding-bottom: 5px; margin-bottom: 0px;position:absolute ; z-index: 3; }
   .h_tools .h_lan:hover{}
   .h_tools .h_lan:hover .lan_down { display: block; }
   .h_tools .h_lan .lan_down ul>li {  margin: 5px 0;height: 33px;line-height: 33px;}
   .h_tools .h_lan .lan_down ul>li:hover {   background: rgba(255,255,255,0.8);}

   .h_tools .h_lan .lan_down ul>li a {    display: block;    padding: 5px 10px;    color: #666}
   .h_tools .h_lan a {    display: block;    font-size: 16px;    line-height: 16px;    color: #999;}
   .h_tools .h_lan .lan_down ul>li a img {   margin-right: 10px;float: left;}
   .h_tools .h_lan .lan_down ul>li a span {    display: inline-block;    font-size: 15px; line-height: 22px; }

   @media only screen and (max-width: 760px){
    #header{ display: none;}
    .h_tools .h_lan {line-height: 47px;}
	.h_tools .h_lan .mobile_txt {  display: inline-block;color: #00898f;     font-size: 13px;}
   .h_tools .h_lan .pc_txt{display:none;}
   .h_tools .h_lan .iconfont{display:none;}
   .t10{    margin: 0px 0 0px 0;clear: both;height: auto;}
   }