@charset "utf-8";
/* CSS Document */
/*切图：zcy*/
/*html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei',Arial; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei',Arial;}
a{ text-decoration:none; color:#333; cursor:pointer;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
*/
a{ text-decoration:none; color:#333; cursor:pointer;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
a:hover{text-decoration:none;}
*{ padding:0; margin:0;outline:none !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei',Arial; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei',Arial; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}

/*********************************************************************重置***********************************************************************/

.pz_top{ width:100%; position:relative; float:left; z-index:999; background:white;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pz_banner{ float:left; width:100%; position:relative; z-index:4;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pz_main{ float:left; width:100%; position:relative; z-index:2; overflow:hidden;}
.pz_down{ float:left; width:100%; position:relative; z-index:3; padding-bottom:90px;}

.top{ width:100%; float:left; background:#f6f4f4; padding:4px 0;}
.top .city_left{ float:left; padding-left:26px; background:url(images/top1.png) no-repeat left center; line-height:28px; font-size:14px; color:#666; position:relative;}
.top .city_left .city{ display:inline-block; vertical-align:top; text-align:center; line-height:28px; font-size:14px; color:#666; margin-right:12px;}
.top .city_left .city span{ margin:0 5px;}
.top .city_left #place{ display:inline-block; vertical-align:top; line-height:28px; font-size:14px; color:#666; background:none; width:auto; min-width:30px; max-width:50px; text-align:center;}
.top .city_left .cityButn{ display:inline-block; vertical-align:top; font-size:14px; color:#009aff; line-height:28px; cursor:pointer;}
#in_city{ left:0 !important; width:345px; position:absolute; left:0; top:32px; z-index: 999; border: solid 1px #d7d7d7; background: #fff; padding-bottom: 6px; display:none;}
#in_city h1 {  padding: 10px 0; color: #ababab; text-indent: 3%; font-size: 16px;}
#in_city .screen a.on { color: #404040; border: solid 1px #c92436; border-bottom: none;}
#in_city .screen a{ float: left; color: #129ace; padding: 1px 12.5px; text-align: center; font-size: 12px; border-bottom: solid 1px #c92436;}
#in_city .city_a_le1 { padding: 10px; overflow: hidden;}
#in_city .city_a_le1 .Letter{width:100%;display:inline-block;}
#in_city .city_a_le1 a { float: left; width: 20%; margin: 2px 0;}
#in_city .Letter span { width: 12%; float: left; text-align: center; padding: 2px 0; display: inline-block;font-size: 14px; color: #009aff; line-height: 28px; cursor: pointer;}
#in_city .Letter div { width: 88%; float: left;}
#in_city .city_pos{ float:left; width:100%;}
#in_city .city_a_le1 a:hover{ color:#009aff;}

.top .city_right{ float:right;}
.top .city_right .hotcity{ float:left; font-size:14px; color:#666; line-height:28px;}
.top .city_right .hotcity dt{ float:left; font-size:14px; color:#666; line-height:28px;}
.top .city_right .hotcity dd{ display:inline-block; vertical-align:top;}
.top .city_right .hotcity dd a{ display:block; float:left; font-size:14px; color:#666; line-height:28px; margin:0 2px;}
.top .city_right .hotcity dd a:hover{ color:#009aff;}
.top .city_right .search{ float:right; margin-left:18px; padding:0 45px 0 16px; position:relative; width:191px; background:white; overflow:hidden;
-moz-border-radius:14px; 
-webkit-border-radius:14px; 
-khtml-border-radius:14px;
border-radius:14px;}
.top .city_right .search .search_k{ display:block; width:100%; float:left; height:28px; padding-left:25px; line-height:28px; font-size:14px; color:#333; background:url(images/top2.png) no-repeat left center;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
.top .city_right .search .search_b{ display:block; width:43px; height:28px; line-height:28px; text-align:center; position:absolute; right:0; top:0; color:white; background:#009aff; font-size:14px; cursor:pointer;}

.topnav{ width:100%; float:left; padding:27px 0; height:114px;}
.topnav .logo{ float:left; height:60px; line-height:0;}
.topnav .logo h2{ display:inherit}
.topnav .logo img{ height:100%;}
.topnav .topnav_right{ float:right; margin-top:12px;}
.menu{ z-index:99; float:left;}
.menu > ul{ float:left; width:100%;}
.menu ul .nli{ float:left;z-index:99; margin-right:29px; position:relative; height:74px;}
.menu ul .nli span{ display:block; width:100%; float:left;}
.menu ul .nli span a{ display:block; float:left; height:38px; line-height:38px; color:#666; font-size:16px; position:relative;}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ color:#009aff;}
.menu ul .nli.on span a:before,.menu ul .nli:hover span a:before{ content:''; width:100%; height:3px; background:#008ae5; position:absolute; left:0; bottom:-8px;}
@media screen and (max-width: 1199px) {
.menu ul .nli{ margin-right:0; margin-left:11px; height:46px;}
.top{ padding-bottom:8px;}
.top .city_right{ width:650px;}
.top .city_right .hotcity{ float:right;}
.top .city_right .search{ width:35%;}
.topnav .topnav_right{ width:70%; margin-top:-5px;}
.topnav .topnav_right .menu{ float:right; margin-top:5px;}
.topnav{ padding:20px 0; height:104px;}
}
@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
/*下拉菜单（漂浮在menu .nli上）*/
.sub{ z-index:21;  position:absolute; width:160px; left: 50%; margin-left:-80px;top:100%; display:none; text-align:center;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.sub .l2{ width:100%;}
.sub .l2 .l2_a{ display:block; width:100%; float:left; font-size:14px; line-height: 44px; overflow:hidden; position:relative; padding:0 8px; background:#fff; opacity:0.8; color:#009aff;}
.sub .l2:hover .l2_a{ opacity:1;}
.menu ul .nli:hover .sub{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}

.topnav .topnav_right .tel{ float:right; padding-left:45px; height:38px; background:url(images/top3.png) no-repeat left center; width:170px;}
.topnav .topnav_right .tel h4{ width:100%; float:left; font-size:20px; color:#666; line-height:19px; font-family:Arial; white-space: nowrap;}

.menuph{ float:right; cursor: pointer;  width: 30px;  height: 30px; display: none; position:relative; margin-top:-15px;}
.menuph .point { display:block;  width: 30px;  height: 30px; margin-top:10px;}
.menuph .navbtn {  position: absolute;  top: 24px;  right: 10px;  display: inline-block;  width: 18px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #848484; z-index:9999;}
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 18px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #848484;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
.menuph .navbtn::after { top:-5px;}
.menuph .navbtn::before { top:5px;}
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

.pf_menu{ position:fixed; width:100%; height:100%; background:black; opacity:0.7; display:none; left:0; top:0; z-index:98;}
.ph_menu.on_1{ right:0;}
.ph_menu{ position:fixed; width:420px; height:100%; right:-420px; top:0px; display:block; z-index: 99; background: #1b1d1f;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ph_menu .btn{ width:100%; position:absolute; left:0; bottom:0; text-align:center;}
.ph_menu .btn a{ width:40%; display:inline-block; font-size:14px; color:white; line-height:50px;}
.ph_menu .btn a.a1{ background:url(images/top3.png) no-repeat left center; background-size:1px auto;}

.nav_box{ width:100%; position:absolute; left:0; top:50px; max-height:70%; overflow-y:auto;}
.ph_menu .nli{ float:left; width:100%; position:relative;}
.ph_menu .nli span{ float:left; width:100%;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#fff; font-size:14px; line-height:60px; white-space:nowrap; position: relative; letter-spacing: 1px; padding:0 60px 0 50px;}
.ph_menu .nli svg{ display:block; width:60px; height:60px; position:absolute; right:0; top:5px; background:url(images/person5_h.png) no-repeat center center; background-size:auto 14px !important;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ph_menu .nli.on svg{ transform:rotate(90deg);}
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 60px;}
.ph_menu .nli .l2_ul li a{ line-height:40px; font-size:14px; color:#fff; text-transform:uppercase; opacity:0.6;}
.ph_menu .nli .l2_ul li a:active{ opacity:1;}
.pz_menu.on{ box-shadow: 0 3px 6px rgba(0,0,0,0.10);}
.ph_menu .search{ display:block; position:absolute; left:10%; bottom:50px; width:80%; height:40px; padding: 0 60px 0 0; z-index:1; background: white;
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-khtml-border-radius:5px;
border-radius:5px;}
.ph_menu .search .search_k{ height:20px; line-height:20px; margin-top:10px; width:100%; font-size: 12px; color: #1b1d1f; padding-left:10px; }
.ph_menu .search .search_b{ position: absolute; right:0px; top: 0; height:40px; width:60px; color:white; background:#0f7dd1; font-size:12px; cursor:pointer;
-moz-border-top-right-radius:5px; 
-webkit-border-top-right-radius:5px; 
-khtml-border-top-right-radius:5px;
border-top-right-radius:5px;
-moz-border-bottom-right-radius:5px; 
-webkit-border-bottom-right-radius:5px; 
-khtml-border-bottom-right-radius:5px;
border-bottom-right-radius:5px;}

@media screen and (max-width:991px) {
.pz_top{ position:fixed; top:0; z-index:100; background:white; left:0; box-shadow:0 3px 5px rgba(0,0,0,0.1);}
.top{ padding:15px 10px; height:50px; position:relative; background:white;}
.topnav{ display:none;}
.top .logo{ width:180px; height:36px; line-height:0; position:absolute; left:50%; top:50%; margin-top:-18px; text-align:center; margin-left:-90px;}
.top .logo h1{height:100%;}
.top .logo img{ /*height:100%; */display:block;}
.menuph{ display:block;}
.top .city_right{ display:none;}
.top .city_left{ padding-left:24px; background-size:contain; line-height:20px; font-size:12px;}
.top .city_left .city{ line-height:20px; font-size:12px; margin-right:8px;}
.top .city_left #place{ line-height:20px; font-size:12px;}
.top .city_left span{ font-size:12px; line-height:20px;}
#in_city{ top:35px !important;}
}
@media screen and (max-width:767px) {
.ph_menu{ width:300px; right:-300px;}
.ph_menu .nli{ border-bottom:solid 1px #000;}
.ph_menu .nli .l1_a{ padding:0 30px; line-height:46px;}
.top .city_left{ padding-left:18px; background-size:12px auto; padding-right:10px;}
.top .city_left:before{ content:''; width:10px; height:100%; position:absolute; right:0; top:0; background:url(images/top12.png) no-repeat center center; background-size:auto 3px;}
.top .city_left input{ background:none; max-width:36px; white-space: nowrap; overflow:hidden; display:block;}
.ph_menu .nli svg{ width:46px; height:46px; top:0px; background-size:auto 14px !important;}
.ph_menu .nli .l2_ul{ padding: 5px 40px;}

.pz_down{padding-bottom:50px;}


}

.form-group.yzm{position:relative;}
.form-group.yzm img{position:absolute; right:2px; top:8px; width:120px;}



@font-face {
	font-family: 'OPENSANS-BOLD';
	src: url('fonts/OPENSANS-BOLD.eot');
	src: local('☺'), url('fonts/OPENSANS-BOLD.woff') format('woff'), url('fonts/OPENSANS-BOLD.ttf') format('truetype'), url('fonts/OPENSANS-BOLD.svg#webfontHIqteXlE') format('svg');
	font-weight: normal;
	font-style: normal;
}

.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}