﻿
/*contact style*/
.lxbt{ text-align:center; padding:40px; font-size:26px; color:#000; margin-bottom:22px;}
.mapbox{ height: 500px; width: 100%;}
.addressList{ width: 1078px; margin: 40px auto 10px; position: relative; z-index: 10;}
.addressList:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.addressList dd{ float:left; width: 340px; margin-left: 29px; margin-bottom: 28px; border-bottom: 3px solid #fff; min-height: 200px; height: auto; box-sizing: border-box; padding: 0 12px 28px; text-align: center; font-size: 14px; color: #848484; background-color: #fff;transition: all 0.5s; overflow: visible;}
.addressList dd.item1{ margin-left: 0px;}
.addressList dd .t{ background: url(../images/c_bg.png) no-repeat; width: 79px; height: 79px; padding-top: 15px; margin: 0px auto; position: relative; top: -37px; z-index: 2;}
.addressList dd .t i{ background: url(../images/ci1.png) center 8px no-repeat; width: 31px; height:38px; margin: 0px auto; display: block;}
.addressList dd.item2 .t i{ background-image: url(../images/ci2.png);}
.addressList dd.item3 .t i{ background-image: url(../images/ci3.png);}
.addressList dd .c{ width: 92%; overflow: visible; margin: -18px auto 0; font-size:14px; line-height: 1.7; word-break: break-word; word-wrap: break-word; position: relative; z-index: 1;}
.addressList dd .c strong{ display:block; color:#555; font-size:13px; font-weight:600; margin-bottom:6px; letter-spacing:0.04em;}
.addressList dd:hover{ border-bottom: 3px solid #ff6600; color: #ff6600;transition: all 0.5s; cursor:pointer;}
.addressList dd:hover .t i{ background-position:right 0; animation:myS 0.8s linear 0s infinite;-moz-animation:myS 0.8s linear 0s infinite;-webkit-animation:myS 0.8s linear 0s infinite;-o-animation:myS 0.8s linear 0s infinite;}
.messageBox{ padding: 20px 0 50px; width: 1078px; margin: 0px auto; clear: both;}
.messageBox .pBT{color: #555; font-size:20px; padding-bottom:15px;}
.messForm{ background-color: #fff; padding: 56px 5% 36px;}
.messForm .mitem{ margin-bottom: 28px;}
.messForm .codepage { width:184px; margin:0 auto; overflow:hidden; margin-top:35px; margin-bottom:30px; }
.messForm .codepage img { width:70px; height:30px;float:left; margin-top:6px;  }
.messForm .mtxt{  color: #333; float: left; width: 30%; padding:10px 1%; margin: 0px; margin-right: 2%; font-size: 15px;}
.messForm .mtxt2{ margin-right: 0px;}
.messForm .mtxt3{ margin-right: 0px; width: 98%; padding: 0px 1%; float: none; height: 180px;}
.messForm input[type=text], .messForm textarea { border: 0px none; border-bottom: 1px solid #d4d4d4; background-color: #fff; }
.messForm input[type=text]:focus, .messForm textarea:focus { background-color: #fff; }
.messForm .mbtn{ border:none; color:#fff; background:#ff6600; width: 272px; height: 50px; padding: 0px; margin: 0px auto; line-height: 34px; font-size: 16px; margin-top:20px; display: block;transition: all 0.5s;}
.messForm .mbtn:hover{ background-color:#865a32; color: #fff; cursor:pointer;transition: all 0.5s;}
.messForm .codepage>input { width:93px; float:right;height:40px; border:1px solid #b4b4b4;padding-left:2%;padding-right:2%; }
@keyframes myS
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}

@-moz-keyframes myS /* Firefox */
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}

@-webkit-keyframes myS /* Safari 和 Chrome */
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}
/*cotnact style end*/
#searchPage .pBT{ text-align: center; color: #7f7f7f;}
.searchT{ font: 30px/1.4 "microsoft yahei"; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; padding: 24px 0px;}
.searchList a:link, .searchList a:visited { color: #9f9e9e;}
.searchList a:active, .searchList a:hover { color: #9f9e9e; }
.searchList dd{ border-bottom: 1px dotted #dbdbdb;}
.searchList dd a{ padding: 24px 10px; font-size: 14px; display: block;}
.searchList dd a:hover{ background-color: #fff;}
.popUp { width: 220px; height: 242px; border: 5px solid #999; background: #fff; position: fixed; left: 50%; top: 50%; margin: -127px 0 0 -115px; z-index: 999; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }

