@charset "utf-8";
/************员工中心**********/
.Staff{ width: 50%; position: relative; height: 380px; float: left; }
.Staff:hover{ background: rgba(8,182,207,0.6); transition: 0.5s all; }
.Staff1,.Staff3{ background: rgba(0,0,0,0.4); }
.Staff2,.Staff4{ background: rgba(0,0,0,0.6); }
.Staff .h{ width: 0%; margin: 0 auto; position: absolute; left: 2.5%; color: white; opacity: 0; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); font-weight: 600; font-family: "Microsoft YaHei"; }
.Staff .hh{ left:27%; margin: 0 auto; position: absolute; color: white; opacity: 1; font-weight: 600; font-family: "Microsoft YaHei";  text-shadow: 1px 1px 5px #000000; top: 60%; }
.Staff .img{ position: absolute; left: 40%; top:35%; transition: 0s all; }
.Staff:hover .img{ position: absolute; left: 40%; top:25%; transition: 0.5s all; }
.box{ position: relative; perspective: 1000px; }
.box .box-img{ -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); border-radius: 0px; transition: all 1s ease-in-out 0s; }
.00x:hover .box-img{ -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -mo-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.box:hover .box-img img{ border-radius: 138px; }
.box .box-img img{ width: 100%; height: 300px; border-radius: 0px; transition: all 1.5s ease-in-out 0s; }
.box .box-content{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 60px 20px; text-align: center; background: rgba(0,0,0,0.7); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); transition: all 0.50s ease-in-out 0s; }
.box:hover .box-content{ -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); -webkit-transform: rotateY(0);  transform: rotateY(0); }
.box .title{ font-size: 20px; color: #fff; text-transform: uppercase; }
.box .description{ font-size: 14px; line-height: 24px; color: #fff; }
.box .title:after,
.box .description:after{ content: ""; width: 80%; display: block; border-bottom: 1px solid #fff; margin: 15px auto; }
.box .social-links{ margin: 0; padding: 0; list-style: none; }
.box .social-links li{ display: inline-block; margin: 0 10px; }
.box .social-links li a{ font-size: 20px; color: #a6a6a6; }
.box .social-links li a:hover{ color: #fff; }
@media only screen and (max-width: 990px) {
    .box{  margin-bottom:20px; }
}
@media only screen and (max-width: 479px) {
    .box .box-content{ padding: 20px; }
}

[class^="icon-"], [class*=" icon-"] {speak: none;   font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.htmleaf-container{ margin: 0 auto; }
.htmleaf-header{ padding: 1em 190px 1em; letter-spacing: -1px; text-align: center; background: #EEEEEE; opacity: 0.6; }
.htmleaf-header h1 { color: #000000; font-weight: 600; font-size: 2em; line-height: 1; margin-bottom: 0;}
.htmleaf-header h1 span {display: block; font-size: 100%; font-weight: 400; padding: 0.8em 0 0.5em 0; color: #c3c8cd; }
.htmleaf-demo a{ color: #fff;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{ display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}
.htmleaf-demo a:hover{ opacity: 0.6; }
.htmleaf-demo a.current{ background:#1d7db1;color: #fff; }
.htmleaf-links { position: relative; display: inline-block; white-space: nowrap; font-size: 1.5em; width: 20%; margin: 0 auto; margin-left: -10%; margin-top: 18px; }
.htmleaf-links::after { position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%; background: #dbdbdb; content: ''; -webkit-transform: rotate3d(0,0,1,22.5deg); transform: rotate3d(0,0,1,22.5deg); }
.htmleaf-icon { display: inline-block; margin: 0.5em; padding: 0em 0; width: 1.5em;}
.htmleaf-icon span { display: none; }
.htmleaf-icon:before { margin: 0 5px; text-transform: none; font-variant: normal; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; }
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-small{font-size: 0.8em;}
.center{ text-align: center; }
.related { color: #000; background: #EEEEEE; text-align: center; padding: 0.5em 0; overflow: hidden;  }
.related   a { vertical-align: top; width: calc(100% - 20px); max-width: 340px; display: inline-block; text-align: center; margin: 20px 10px; padding: 25px; }
.related a { display: inline-block; text-align: left; margin: 20px auto; padding: 10px 20px; opacity: 0.8; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; }
.related a:hover,
.related a:active { opacity: 1; }
.related a img { max-width: 100%; opacity: 0.8; border-radius: 4px; }
.related a:hover img,
.related a:active img { opacity: 1; }
.related h3{font-family: Microsoft YaHei;}
.related a h3 { font-weight: 300; margin-top: 0.15em; color: #fff; }
.icon-htmleaf-home-outline:before { content: "\e5000"; } 
.icon-htmleaf-arrow-forward-outline:before { content: "\e5001"; } 
@media screen and (max-width: 1024px) {
	.htmleaf-header { padding: 2em 10% 2em; }
	.htmleaf-header h1 { font-size:1.4em; }
    .htmleaf-links{font-size: 1.4em}
} 
@media screen and (max-width: 960px) {
	.htmleaf-header { padding: 2em 10% 2em; }
	.htmleaf-header h1 { font-size:1.2em; }
    .htmleaf-links{ font-size: 1.2em; }
    .related h3{ font-size: 1em; }
	.related a h3 { font-size: 0.8em; }
} 
@media screen and (max-width: 766px) {
	.htmleaf-header h1 { font-size:1.3em; }
    .htmleaf-links{ font-size: 1.3em; }
} 
@media screen and (max-width: 640px) {
	.htmleaf-header { padding: 2em 10% 2em; }
	.htmleaf-header h1 { font-size:1em; }
	.htmleaf-links{ font-size: 1em; }
	.related h3{ font-size: 0.8em; }
	.related a h3 { font-size: 0.6em; }
}
/************销售中心**********/
.sales_bg{ background: url(../img/sale-bg.jpg) no-repeat top; height: 380px; background-size:cover; }
.htmleaf-icon{ font-size: 1em; }
.related{ font-size:0.9em; line-height: 10.8em;  }
h2{ color: #000000; }
/************同行申请**********/
.peer_wrap{ width: 966px; margin: 0 auto;}
/************头部部分**********/
.peer_top{ width: 966px; height: 78px; margin-top: 38px;}
.peer_top_left1{width: 168px;float: left;}
.peer_top_left_img1{width: 168px; height: 38px; margin-top: 20px;}
.peer_top_left2{width: 108px; float: left; color: #676767; margin-left: 45px;}
.peer_top_left_img2{ margin-left: 10px;}
.peer_top_left2 p{margin-top: 10px;}
.peer_top_right{ float: right;}
.peer_top_right ul li{display: inline-block; margin-top: 28px; margin-left: 55px;}
.peer_top_right ul li img{width: 26px; height: 28px;}
.peer_top_right ul li span{font-size: 16px; line-height: 28px;}
/************内容部分**********/
.peer_content{margin-top: 36px;}
.peer_content_left{ float: left;}
.peer_content_left img{ width: 365px; height: 350px;}
.peer_content_right{ float: right; width: 340px; height: 378px; border: 1px solid #DEDEDE; margin-right: 38px;}
.peer_content_right_box{ width: 275px; margin: 0 auto;}
.peer_content_right_box .space{ margin-top: 18px; font-size: 14px;}
.peer_content_right_box form div input{ text-indent: 12px; }
.peer_content_right_box form .space{width: 272px; height: 38px; border-radius: 3px; border: 1px solid #bfbdbf; margin-top: 18px;}
.peer_content_right_box form .yanzheng{width: 138px; border-radius: 3px; border: 1px solid #bfbdbf; margin-top: 18px; height: 38px;}
.peer_content_right_box form div .fasong{  margin-top: 18px; margin-left: 18px; height: 38px; width: 100px; background: #26a867; color: #FFFFFF; border-radius: 3px; border: 1px solid #26a867; cursor: pointer; font-size: 16px;}
.peer_content_right_box form div .submit{margin-top: 18px; height: 38px; width: 118px; background: #26a867; color: #FFFFFF; border-radius: 3px; border: 1px solid #26a867; cursor: pointer; font-size: 18px;}
.peer_content_right_box form .checkbox{ margin-top: 18px; cursor: pointer;}
.peer_content_right_box form .contact{ color: red; margin-left: 10px; display: inline-block; margin-top: 38px}


/****头部***/
.sales_top{ width: 1200px; height: 60px; margin:0 auto;}
.sales_top .logo{ float: left; height:60px;}

#th{ display: inline-block; margin-left: 238px; margin-top: 22px;}
#th .sales_th{ width: 250px; height: 38px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; float: left; text-indent: 12px; }
#th .sales_th:focus{border: 1px solid #35d686; }
#th .sales_ss{ float: left; width: 66px; height: 38px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #35d686; color: #FFFFFF; cursor: pointer; transition: 0.3s ease-in-out; }
#th .sales_ss:hover{ background: #2dc179; font-weight: 600; transition: 0.3s ease-in-out; }

.sales_tcbox{ float: right;}
.sales_tcbox .sales_tc{ font-size: 12px; color: #FFFFFF;background:#FD8D27; width: 100px; line-height: 30px; text-align: center; margin-top: 30px;}

/****导航****/
.sales_nav_box{  width: 1200px; min-width:1200px; margin: 0 auto; height: 45px; background:#666;}
.sales_nav_box .sales_nav{margin:0 auto;}
.sales_nav_box .sales_nav li{ height: 45px; float:left;}
.sales_nav_box .sales_nav li a{ height:45px; padding:0 20px; display:block; line-height: 45px; font-size:14px; text-align: center; color:#FFF;}
.sales_nav_box .sales_nav li a:hover{ background:#3F3F3F; color: #FD8D27;}
.sales_nav_box .sales_nav li a ul li a:hover{ background:#3F3F3F; color: #FD8D27;}
.sales_nav_box .sales_nav li .a_hover{ background:#3A3A3A; color: #FD8D27;}

.sales_nav_box .sales_nav li ul{display:none;}
.sales_nav_box .sales_nav li:hover ul{display:block; position:relative;}
.sales_nav_box .sales_nav li:hover ul li{ float:none; display:block; width:220px; height:45px;}
.sales_nav_box .sales_nav li:hover ul li a{ width:120px; height:45px; display:block; background:#3F3F3F; color: #FD8D27; border-top:1px solid #3A3A3A;}



.toum{width:1200px; margin: 0 auto; background:#FFFFFF; padding-bottom:30px; min-height:340px;}
.sales_tz{ width: 1180px; margin: 0 auto; padding:5px 0;}

.sales_tz marquee{ width: 900px; height: 20px; margin-left: 10px; }
.sales_tz marquee ul a{margin-left: 8px; text-decoration: none;}

.cttz{ width: 1180px; margin: 0 auto;}
.cttz span{ margin-right: 10px;line-height: 20px; }
.cttz a{ color: #5b5b5b; line-height: 20px; margin-left:30px;}
.cttz a:hover{ color: #F00; font-weight:600;text-decoration: underline;}
.k_box{ margin-top: 5px; padding-bottom: 10px; }
.k_top{ width: 1100px; margin: 0 auto;}
.k_top p{ float: left; color: #333; font-size: 14px; font-weight:600; display: inline-block; line-height: 35px; }
.k_top a{ font-size: 14px; line-height: 35px; float: right;}
.table_box{ width:1180px; margin:0 auto;}
.table_box tr td{ text-align:center;}

.table_box tr td .td_th:hover{ color: #F00; text-decoration: underline; }
.table02_box{ color: #3c3c3c; width: 1200px; margin: 0 auto; margin-top: 20px; padding-bottom: 18px;}
.j_top p{ float: left; font-size: 14px; font-weight:600; display: inline-block;}
.j_top a{ font-size: 14px; float: right; line-height:30px;}
.table02{ margin: 0 auto;}
.table02 div{  background: rgba(0,0,0,0.2) !important; filter: alpha(opacity=20); width: 998px; margin: 0 auto; height: 28px; line-height: 28px;}
.table02 tr td{ vertical-align: middle; text-align: center; }
.table02 tr .edit{ text-align: center; }
.table02 tr td p a{ color: #ED6D1F; }

.table02 tr td .td_th{ color: #ED6D1F;}
.table02 tr td .td_th:hover{ color: #F00; transition: 0.3s ease-in-out; }
.table02 tr .js{ color: #EB6D1F; }
.table02 tr .zx{ color: #F00; }
.footer_sales{ width: 100%; margin: 0 auto;  background:#FFF; margin-top: 18px; line-height: 60px; text-align: center; font-size: 14px; }
/*散客团*/
.tab-mounting{position:fixed; top:0; width: 1200px; line-height: 58px; background: rgba(0,0,0,0.5); color: white; z-index: 99999; }
.taunhao_a{ color:#F00;}

/*散客搜索*/
.visitor_search_box{ margin: 0 auto; border-radius: 3px; margin-top:10px; padding-top:20px; }
.visitor_search_box .xianlu{ height:22px; border:1px solid #CCC;}
.visitor_search_box .chufadi{ height:22px; border:1px solid #CCC;}
.visitor_search_box .quyu{ height:22px; border:1px solid #CCC;}
.visitor_search_box .Wdate{ height: 22px; cursor: pointer; border:1px solid #CCC;}
.visitor_search_box span{ margin-left: 10px; color:#333; font-size:14px;}
.visitor_search_box .chaxun{ background: #35d686; padding: 5px 10px; color: #FFFFFF; font-size:13px; font-weight:600; border-radius:3px ; margin-left: 30px; }
.visitor_search_box .chaxun:hover{ cursor: pointer; background: #00F; }
.visitor_table tr th{background:#DDDDDD; height:40px;}
.visitor_table tr td{ border-bottom:1px solid #999; text-align:center;}

/*分页*/
.pagination li{ float:left; margin:2px;}
.pagination li span{ color:#FFF; background:#DDD; padding:4px 15px; color:#333;}
.pagination li a{ color:#FFF; background:#4794F6; padding:4px 15px;}

.sales_home_wrap{ width:100%;}