@charset "utf-8";
/* CSS Document */

.header{ position: relative; height: 70px; background: #fff; border-bottom: 3px solid rgba(229,104,18,1); z-index: 999; box-shadow: 0 1px 8px rgba(0,0,0,.3);}
.header .topbar{ position: relative; margin: 0px auto; width: 1400px; height: 70px;}
.header .topbar .logo{ position: absolute; left: 10px; top: 10px;  width: 205px; height: 50px;}
.header .topbar .logo a{ width: 205px; height: 50px; background: url(/resource/Ico/h_jtlogo_w.png) no-repeat; background-size: contain; display: inline-block;}
.header .topbar .navbar{ position: absolute; right: 10px; bottom: 0px; font-size: 0px}
.header .topbar .navbar .nv{ position: relative; padding: 0px 8px; display: inline-block; vertical-align: top;}
.header .topbar .navbar .nv p{ padding: 5px; font-weight: bold; color: #333; font-size: 16px; cursor: pointer;}
.header .topbar .navbar .nv p a{ color: #333;}
.header .topbar .navbar .nv:hover p,
.header .topbar .navbar .nv:hover p a{ color: #9e9e9e;}
.header .subnav{ position: relative; width: 100%; top: 0px; border-top: 3px solid rgba(229,104,18,1); height: 40px; z-index: 999; font-size: 0px; background: rgba(255,255,255,0.6); display: none; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);}
.header .subnav .tempNav{ position: relative; width: 1400px; margin: 0px auto;}
.header .subnav .tempNav a{ width: 70px; margin: 0px 10px; height: 40px; line-height: 40px; text-align: center; display: inline-block; vertical-align: top; font-size: 14px; color: #333;}
.header .subnav .tempNav a:hover{ color: rgba(229,104,18,0.8);}
.header .subnav .tempNav .navA{ position: absolute; display: none;}
.header .subnav .tempNav .navA.qyjs{ right: 463px;}
.header .subnav .tempNav .navA.jmzp{ right: 283px;}
.header .subnav .tempNav .navA.zsdj{ right: 13px;}
.header .subnav .tempNav .navA.qcyl{ right: 282px;}
.header .subnav .tempNav .navA.csgs{ right: 10px;}
.header .subnav .tempNav .navA.csgs a{ width: 40px;}
.header .subnav .tempNav .cpfw .hidNav{ position: absolute; left: -25px; padding: 10px 20px; width: 120px; background: rgba(0,0,0,0.5); display: none;}
.header .subnav .tempNav .cpfw .hidNav a{ margin-left: 0px; width: 40px; color: #fff;}
.header .subnav .tempNav .cpfw .hidNav a:hover{ color: #9f9f9f;}

.tsjy{ position: absolute; right: 50%; top: 270px; margin-right: -750px; z-index: 9;}
.tsjy .suggest_pop{ position: absolute; display:none; top: 50%; margin-top: -190px; right: 45px; width: 320px; height: 420px; background: #FFFBC8; border-radius: 4px; box-shadow: -1px 0px 10px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.28); *border: 1px solid #ddd;}
.tsjy .suggest_pop h3{ font-size: 24px; padding: 10px; margin-top: 20px; color: #565656;}
.tsjy .suggest_pop .tel{ font-size: 14px; color: #666; display: inline-block; vertical-align: bottom;}
.tsjy .suggest_pop .tip{ padding: 10px; padding-top: 0px; font-size: 13px; border-bottom: 1px solid #ddd; color: #747474;}
.tsjy .suggest_pop .sug_inp{ padding: 10px;}
.tsjy .suggest_pop .sug_inp .inpDiv{ margin-bottom: 10px;}
.tsjy .suggest_pop .sug_inp .inpDiv i{ margin-left: 6px; width: 24px; height: 24px; vertical-align: middle; display: inline-block;}
.tsjy .suggest_pop .sug_inp .inpDiv .name_state.success{ background: url(images/sug_ico.png) -1px -5px no-repeat;}
.tsjy .suggest_pop .sug_inp .inpDiv .name_state.faild{ background: url(images/sug_ico.png) -41px -4px no-repeat;}
.tsjy .suggest_pop .sug_inp .inpDiv .tel_state.success{ background: url(images/sug_ico.png) -1px -5px no-repeat;}
.tsjy .suggest_pop .sug_inp .inpDiv .tel_state.faild{ background: url(images/sug_ico.png) -41px -4px no-repeat;}
.tsjy .suggest_pop .sug_inp .inpDiv span{ width: 24%; font-size: 14px; display: inline-block;}
.tsjy .suggest_pop .sug_inp .inpDiv input{ width: 50%; height: 24px; line-height: 24px; border: 1px solid #7A9CD3; box-shadow: 0px 0px 5px #7A9CD3;}
.tsjy .suggest_pop .sug_inp .inpDiv input:focus{ box-shadow: 0px 0px 20px #7A9CD3;}
.tsjy .suggest_pop .sug_inp .areaDiv p{ text-align: right; color: #f00;}
.tsjy .suggest_pop .sug_inp .areaDiv span{ font-size: 14px; margin-bottom: 3px; display: block;}
.tsjy .suggest_pop .sug_inp .areaDiv textarea{ width: 290px; padding: 5px; height: 100px; line-height: 20px; color: #999; border: 1px solid #7A9CD3; box-shadow: 0px 0px 5px #7A9CD3;}
.tsjy .suggest_pop .sug_inp .areaDiv textarea:focus{ box-shadow: 0px 0px 20px #7A9CD3; color: #333;}
.tsjy .suggest_pop .sug_inp button{ margin-top: 10px; float: right; padding: 5px 25px; border: none; cursor: pointer; background: #fff; border-radius: 4px; font-size: 14px; border: 1px solid #7A9CD3; box-shadow: 0px 0px 5px #7A9CD3;}
.tsjy .suggest_pop .sug_inp .btnreset{ margin-right: 20px;}
.tsjy .suggest_pop .sug_inp .btnreset:hover{ background: #eee;}
.tsjy .suggest_pop .sug_state{ position: absolute; bottom: 20px; left: 10px; font-size: 16px;}
.tsjy .suggest_pop .sug_state .state_ico{ float: left; margin-right: 2px; width: 24px; height: 24px; display: block;}
.tsjy .suggest_pop .sug_state .state_ico.success{ background: url(images/sug_ico.png) -1px -2px no-repeat;}
.tsjy .suggest_pop .sug_state .state_ico.faild{ background: url(images/sug_ico.png) -38px -3px no-repeat;}
.tsjy .suggest_pop .sug_state .state_cot.success{ color: #f00;}
.tsjy .suggest_pop .close{ position: absolute; top: -10px; right: -10px; width: 26px; height: 26px; line-height: 21px; border-radius: 100%; border: 2px solid #ddd; font-size: 20px; font-weight: bold; cursor: pointer; text-align: center; background: #fff; color: #666; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;}
.tsjy .suggest_pop .close:hover{ background: #ff7a00; color: #fff; border-color: #ff7a00;}