/*pc_head*/
#head{
	position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
}
#head .top{ width:100%; height:30px; line-height:30px; color:#fff; background-color: #e60012; }
.top .langu{ position:relative; padding:0 14px 0 10px; cursor:pointer; transition:all .3s;}
.top .langu img{ margin-top:-3px; }
.top .langu span{ padding:0 4px; }
.top .langu:after{ position:absolute; content:"";top:50%; right:0; margin-top:-8px; border:6px solid #fff; border-color:transparent transparent #fff transparent ; }
.top .langu:hover span{ color:#fff; transition: all .3s; }
.top .langu:hover:after{ margin-top:-2px; border:6px solid #fff; border-color: #fff transparent transparent transparent;transition: all .3s; }
.langu .languageBox{ display:none; position:absolute; width:114px; left:50%;transform:translateX(-50%);top:30px; text-align:center;z-index:10; }
.langu .language{ width:100%; margin-top:6px;border: 1px solid #e6e6e6;background-color: #fff; }
.langu .language a{ display:block; padding:6px 0; color:#808080; }
.langu .language a:hover{ color:#333; background-color: #f5f5f5; transition:all .3s; }
.top .langu:hover .languageBox{ display:block; transition:all .3s; }

#head .logoCon{ position:relative; width:100%; height:auto; }
.logoCon .logo{ width:18%; }
.logoCon .logo a{ width:100%; height:100%; display:block; }
.logoCon .logo a img{ max-width:100%;max-height:100%; }
.logoCon .contactMenu{ height:100%; }
.contactMenu .contact{ padding-top:12px; }
.contactMenu .contact .tel{ margin-top:4px;margin-right:20px; color:#333; }
.contactMenu .contact .tel .num{ font-size:18px; color:#fff; font-weight:bold; }
.contactMenu .contact .search{ width:260px; height:30px; overflow: hidden; }
.contactMenu .contact .search form{ width: 100%; height:100%; border:1px solid #eee; }
.contactMenu .contact .search .key_btn{ width: 12%; height: 28px; background: url("../images/iconsearch.png") no-repeat center; }
.contactMenu .contact .search .key_txt{ width: 88%; height: 28px; background: none; padding:0 10px; color:#808080; }
.contactMenu .hpc_menu{ width: 100%;}
.contactMenu .hpc_menu ul{ margin-bottom:0; }
.hpc_menu ul li{position:relative; float:left; width:123px;height:100%;padding:27px 0;text-align:center; }
.hpc_menu ul li a{ display:block;font-size:15px;padding-right:6px; color:#333;transition:all .3s; }
.hpc_menu ul li.tricon:after{ position:absolute;content:""; top:50%;right:18px;margin-top:-2px; border:6px solid #808080; border-color: #808080 transparent transparent transparent; }
.hpc_menu ul li:hover>a,.hpc_menu ul li.cur>a{ color:#fff; font-weight:bold; }
.hpc_menu ul li.tricon:hover:after{ border:6px solid #fff; border-color: #fff transparent transparent transparent;transition:all .3s; }
.hpc_menu ul li .listmenu{display:none; position:absolute;width:100%;text-align:center;top:78px;left:0; line-height:40px;background-color:#fff;border:1px solid #e6e6e6; z-index:9; }
.hpc_menu ul li .listmenu a{ display:block; color:#808080;font-size:14px; padding: 0 10px; font-weight:normal; height:40px; overflow: hidden; }
.hpc_menu ul li .listmenu a:hover{ color:#333; font-weight:bold; background-color: #e6e6e6; }

.phsearMenu{ height:100%; padding:13px 0; }
.phsearMenu a{ display:inline-block; width:40px;height: 40px; padding:10px;text-align:center;}
.phsearMenu a:first-child{ margin-right:10px; }
.phsearMenu a img{ width: 100%; }

.menuliBox{ position:fixed; width:70%; height:100%; background-color: #4c4c4c; top:0;left:-100%; box-shadow:2px 4px 6px #4c4c4c;; z-index:99; }
.menuliBox .hotline{ width:100%; height: 74px;padding:10px 0 10px 48px;color:#fff; background-color: #fff; }
.hotline span{ display:block; font-size:14px; }
.hotline span:first-child{ letter-spacing:2em;margin-bottom:4px; }
.hotline span.num{ display:block; font-size:18px;font-weight:bold; }
.menuliBox ul{ background-color: #4c4c4c; }
.menuliBox ul li{ width:100%;line-height: 52px; border-bottom:1px solid #404040;transition: all .3s; }
.menuliBox ul li .btnicon{ float:right; width:28px; margin-top:8px; } 
.menuliBox ul li.ultitle .btnicon{ float:left; }
.menuliBox ul li .btnicon img{ display:none; width:100%; padding:10px; }
.menuliBox ul li .btnicon .on{ display:block; }
.menuliBox ul li a{ display:block; color:#fff; padding:0 10px;}
.menuliBox ul li:hover { background-color: #474747; }
.menuliBox ul.secondul{ position:absolute;width:100%;height: 100%; top:0;left:-100%; }
.menuliBox ul.thirdul{ position:absolute;width:100%;height: 100%; top:0;left:-100%; }
.menuliBox ul.fourthul{ position:absolute;width:100%;height: 100%; top:0;left:-100%; }

.logoCon .ph_searBox{ display:none;position:absolute; width:100%; height:50px; line-height: 30px; bottom:-50px;left:0; overflow: hidden; z-index:9;}
.ph_searBox form{ width: 100%; height:100%; border:10px solid #f2f2f2;}
.ph_searBox .key_btn{ width: 20%; height: 30px;color:#fff; background-color:#fff; }
.ph_searBox .key_txt{ width: 80%; height: 30px; background-color: #fff; padding:0 12px; color:#333; }