﻿*{padding:0; margin:0; outline:0; border:0; box-sizing:border-box;}

body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, textarea, img,a{border:medium none;margin:0;padding:0;border:0}
/** 设置默认字体 **/
body,textarea,input,button,select,keygen,legend{color:#666; outline:0;font-size: 12px}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:lighter;}
em{font-style:normal;}

/** 重置列表元素 **/
ul, li, ol {list-style:none;}
/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{ text-decoration:none; -webkit-transition:0.3s; transition:0.3s;}
/** 重置图片元素 **/
.fl{float:left;} .fr{float:right;} img{border:0px;}
.f1{font-size:24px; color:#fd4753;}
.w_1400{display: table;max-width: 1400px;margin:0 auto;}
.w_1000{display: table;max-width: 1000px;margin:0 auto;}
.cur_bg i{background: #ddd;border: 1px solid #272727!important;;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
*{border:0px;margin:0px; padding:0px;}
.mo_body{width: 768px;margin:0 auto;}


.flexslider,.side{display:none;}    
.top_bg{width:100%; height:0em; margin:auto; background:#f6f6f6; border-bottom:1px solid #e6e6e6; border-top:none;top:0; left:0; z-index:9999;}
.top,.w1200{width:95%; margin:auto;}
.logo{width:202px; float:left; padding:10px 0 0 0; overflow:hidden;}
.logo img{width: 100%;height: 100%;}
.clear{clear:both;}
.main{width: 98%;display: table;margin:0 auto;position: fixed;z-index: 999;}
#open{display: table;}

.main{width: 100%;height: auto;display: table;background: #262626;}
.main .main_z{color:#fff;font-size: 0.15rem;line-height: 0.35rem;width: 1.5rem;text-transform: uppercase;padding-left: 2%;float: left;}
.main .main_z span{width: 61px;display: inline-block;}
.main .main_z span img{width: 100%;}
.main .main_z i{font-size: 0.08rem;text-transform: none;margin-left: 0.04rem;font-weight: initial;color: #828282;}
.nav_bg{display: table;float: right;margin-right: 1%;}
.nav_bg form{display: table;}
.nav_bg .nav{display: table; padding-top: 0.15rem; float: left;}
.nav_bg .nav li{display: table;float: left;font-size:0.08rem;}
.nav_bg .nav li:last-child{display: none;}
.nav_bg .nav li a{ float: left; color: #898989; margin: 0 0.09rem;}
/**搜索**/
.ss{width: 100%; height: 136px; background: #f5f5f5;border-bottom: 1px solid #ddd;box-shadow: 1px 1px 20px #ddd;border-top: 1px solid #ddd;}
.s_z{width: 388px; font-size: 22px;text-align: center; line-height: 30px; margin-top: 35px;font-weight: bold;margin-left: 94px;}
.s_z span{display: block; background: #18598e; color:#fff;height: 30px; line-height: 30px; text-align: center;font-size: 18px;margin-top: 6px;}
.tu{width: 3px;padding-top: 32px;padding-left:62px;margin:0 55px; margin-right: 60px;}
.gang{width: 1px; height: 75px; background: #ddd;}
.input_bg{outline: none; border: solid 1px #827f7f; width: 0.6rem; height: 26px; color: #c7c7c7; margin: 0; font-size: 0.01rem; float: left; margin-top: 0.15rem; border-radius: 0.1rem; background: none; text-indent: 0.03rem;}
.input_t{display: block;margin-top: 34px;font-size: 0.1rem;cursor: pointer;}
.sou{width: 420px;margin-top: 38px;}
.sou2{line-height: 45px; width: 500px;}
.tel_bg img{width: 100px;margin-top: 15px;border:1px solid #ddd; padding:3px;}
.footer{width: 100%;background: #262626;display: table;}
.footer h2{font-size: 0.2rem; text-align: center; padding-top: 0.1rem; color:#fff;}
.footer p{font-size: 0.08rem; text-align: center; padding-bottom: 0.1rem;margin-top: 5px;}
/*幻灯片*/
.dowebok { margin: 0 auto;}
.swiper-container { margin: 0 auto; overflow: visible;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { display: block;}
.swiper-slide { position: relative; opacity: 0 !important;}
.swiper-slide img { width: 100%;}
.swiper-slide-active { opacity: 1 !important;}
.swiper-slide .ren { position: absolute; left: 0; top: 0; width: 1436px; height: 840px;}
.swiper-button-next, .swiper-button-prev { display: none; width: 40px; height: 68px; background-size: contain;}
.swiper-button-next { right: 100px; background-image: url(../images/next.png);}
.swiper-button-prev { left: 100px; background-image: url(../images/prev.png);}
.swiper-container-horizontal .swiper-pagination-bullets { bottom: 40px;}
.swiper-pagination-bullet { width: 70px; height: 4px; margin: 0 10px !important; padding: 6px 0; border-radius: 0; background-color: transparent; opacity: 1;}
.swiper-pagination-bullet:after { content: ""; display: block; height: 4px; background-color: #fff; opacity: 0.5;}
.swiper-pagination-bullet:hover:after, .swiper-pagination-bullet-active:after { background-color: #000;}

#top_search1{width: 100%; min-width: 1080px; height: 55px;background-color: #f5f5f5; border-bottom: 1px #ddd solid;box-shadow: 1px 1px 10px #ddd;}
#search-text { width: 100%;float: left;line-height: 55px;height: 55px;}

/*****内页产品******/
.n_main{display: table;width: 100%;padding:30px;height: calc(900px - 276px);padding-top: 100px;margin-bottom: 30px;}
.n_main .n_main_top{display: table;width: 100%;margin:10px auto;}
.n_main .n_main_top i{display: inline-block;padding:0 5px;}
.n_main .n_main_body{display: table;width: 100%;}



.product{width: 100%;display: table;}
.product h2{font-size: 30px;display: table;width: 100%;text-align: center; font-weight: bold;}
.product .product_n{display: table; height: auto; width: 97%; text-align: center; margin: 0.1rem 0.1rem;}
.product .product_n a{font-size: 16px; display: inline-block; float: left; width: 20%; line-height: 45px; background: #fff; margin: 0px 29px; border-radius: 20px 0; border: 1px solid #ddd;}
.product .product_n a:hover{background: #FF7000;color:#fff;}
.product  .product_x{display: table;width: 100%;}
.product  .product_x li{width: 31%;float: left;border: 1px solid #ddd;margin: 1.1%;transition: all 0.5s;}
.product  .product_x li div{display: table;width: 100%;height: auto;overflow: hidden;}
.product  .product_x li img{width: 100%;transition: all 0.8s;}
.product  .product_x li:hover img{transform: scale(1.1); }
.product  .product_x li:hover{border: 1px solid #ddd;box-shadow: 0 0 15px #a8a8a8;transform: translateY(-5px);}
.product  .product_x li span{display: table;width: 100%;line-height: 45px;text-align: center;background: #fff;border-top: 1px dashed #ddd;}

/*左边*/
.left{display: table;width:14%;display: table;float: left;}
.left span{display: table; width: 100%;margin-bottom: 25px;margin-top: 25px;font-size: 14px;}
.left ul li{display: table; width: 100%; margin-bottom: 10px;font-size: 16px;}
.left ul li i{display: table; width: 15px; height: 15px; border: 2px solid #ddd; float: left; border-radius: 50%; margin-top: 4px; margin-right: 10px;}

.right{float: left; width: 80%;}
.right span{display: table; width: 100%; font-family: "Avenir","Helvetica Neue",Verdana,Arial,sans-serif; font-size: 16px; margin-top: 25px;}
.right>ul>li{width: 24%;float: left;margin: 0.5%;margin-bottom: 2%;}
.right ul li img{width: 100%;}
.right .right_title{display: table; width: 100%; text-indent: 2em; line-height: 35px; font-family: "Optima","Helvetica Neue",Verdana,Arial,sans-serif; font-size: 16px; color: #484848;}
.right .right_title:before{content:"";width: 100%;display: table;height: 2px;background: #000;opacity: 0;transition: opacity 300ms;}
.right ul li:hover .right_title:before{opacity: 1;}
.right .right_title i{display: table;text-align: left;font-size: 14px;font-family: 微软雅黑;font-weight: normal;color: #858585; line-height: 15px; text-indent: 0;}


.n_main_content{display: table;margin:0 auto;}

.right_bottom{display: table;width: 85%;margin:30px auto;}
.right_bottom h3{font-size: 20px;font-family: "微软雅黑"；}
.right_bottom i{font-size: 16px;display: table;}
.right_bottom span{font-size: 14px;line-height: 30px;}


/*酒店工程*/

.internal{width: 100%;display: table;}
.internal ul li{width: 31%; float: left; margin: 1%; margin-bottom: 10px;}
.internal ul li img{width: 100%;transition: all .5s;}
.internal h3{font-size: 30px;text-align: center;display: table;width: 100%;margin-top: 35px;margin-bottom: 15px;}
.internal .image_title{display: table;width: 100%;}
.internal .image_title h5{font-size: 14px; line-height: 30px; color: #000; font-weight: bold;}
.internal .image_title span{display: table;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.internal .image_title i{display: table;width: 100%;font-size: 12px;font-style: none} 
.internal .ima{display: table;width: 100%;overflow: hidden;}
.internal ul li:hover .ima img{transform: scale(1.1) !important;}

.internal_n_body{display: table;width: 100%;line-height: 30px;}
.internal_n_body img{max-width: 100%;}

.internal_n{border-bottom: 1px solid #ddd;margin-bottom: 8px;}
.internal_n h3{font-size: 25px;line-height: 36px;}
.internal_n i{display: table;width: 100%;font-style: normal;line-height: 30px;}

/*加盟店形象*/
.right .Join{width: 100%;float: right;}
.right .Join>li{display: table; width: 100%; border-top: 1px solid #ddd; padding: 20px 0; border-bottom: 1px solid #ddd;}
.right .Join>li>span{padding:0;margin:0;width: 72%;float: left;display: table;text-align: left;}
.right .Join>li:hover{opacity: 0.7;}
.right .Join_img{width: 25%;float: right;}
.right .Join h3{font-size: 25px;font-weight: bold;font-family: 宋体;}
.right .Join p{font-size: 14px;}
.right .Join i{font-size: 14px;}

/*加盟店流程，加盟店优势，加盟店细则*/

.Single{width: 100%;display: table;line-height: 30px;font-size: 14px;}
.Single .service>h3 {font-size: 28px;display: table;width: 100%;}
.Single img{float: right;width: 41%;}
.Single p{float:left;}
.Single .service span{display: table;width: 53%;font-family: "Avenir","Helvetica Neue",Verdana,Arial,sans-serif;font-size: 14px;margin-top: 12px;float: left;}
.Single .service span h3{font-size: 20px;}

.service_bottom{display: table;width: 100%;margin-top:20px;}
.service_bottom li {margin: 0;padding: 0;display: table;float: left;border: 1px solid #ddd;padding: 0 20px; margin: 0 14px;}

.cp_xishuo{display: table;width: 400px;float: right;}
.cp_xishuo h4{display: table; width: 100%; font-size: 25px; line-height: 60px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.cp_xishuo span{display: table;width: 100%;min-height: 250px;font-size: 18px;line-height: 30px;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.cp_xishuo i {font-size: 18px;color: #ff7000; display: table; margin: 0 auto; width: 100%; text-align: center;line-height: 45px;background: #ddd;}

.chansu{display: table;width: 100%;margin-top: 30px;line-height: 45px;border-top:1px solid #ddd;}
.chansu span{display: table;height: 100%;width: 250px;text-align: center;background: #ff7000;color: #fff;border-radius: 20px 0;font-size: 18px;}
.cp_xiangq{display: table;line-height: 30px;font-size: 16px;width: 100%;margin-top: 10px; margin-bottom: 10px;}

/**在线留言**/
.hza{ width: 100%; margin:3px auto; }
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.soka{width: 49.7%;; border: 1px solid #D8D8D8; line-height: 40px; margin-bottom: 20px; padding-left: 10px; font-size: 14px;font-family:"Microsoft YaHei", verdant, tahoma;  }

.sokb{  border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 10px;  font-size: 14px; font-family:"Microsoft YaHei", verdant, tahoma;width:100%}
.tj{ width: 120px;  line-height: 37px; text-algin: center; color: #fff; font-size: 14px; background-color: #ff7000;; cursor: pointer; font-family: Arial,Microsoft YaHei; font-size: 16px;border: 0px; }
.dingzhi{margin-top: 30px;}
.dingzhi label{display: table;width: 100%;line-height: 60px;background: #ddd;text-align: center;font-size: 18px;}

/*服务支持*/
.yt_a{     margin-top: 10px;height:545px;font-family: "Microsoft YaHei"; background:url(../uploadfile/image/20180719/20180719155947_975935989.jpg) no-repeat  center bottom;}
.yt_t h3 a{ text-align:center; height:88px;  display:block; text-decoration:none; font-size:24px; font-weight:bold; color:#666;}
.yt_t h3 span{ display:block;font-size: 14px;color: #373737; font-weight:normal; text-align:center;}

.yf_jd dl{float:left;position:relative;margin-right:90px }
.yf_jd .none{margin-right: 0;}
.yf_jd dl a{ border-radius:2px; text-decoration:none;background:#fff;width: 231px;height: 305px;display: block;padding-top: 25px;border: 1px solid #ddd;}
.yf_jd dl a:hover{ color:#fff; border-radius:2px;background: #ff7000;}
.yf_jd dt{width: 114px;height: 114px;margin: 0 auto;}
.yf_jd dt.yfs1{background:url(../images/20180720094005_1108760278.png) no-repeat;}
.yf_jd dt.yfs2{background:url(../images/20180720093759_633196997.png) no-repeat;}
.yf_jd dt.yfs3{background:url(../images/20180720093058_1277867725.png) no-repeat;}
.yf_jd dt.yfs4{background:url(../images/20180720095014_1031140425.png) no-repeat;}
.yf_jd a:hover dt.yfs1{background:url(../images/11.png) no-repeat;}
.yf_jd a:hover dt.yfs2{background:url(../images/13.png) no-repeat;}
.yf_jd a:hover dt.yfs3{background:url(../images/14.png) no-repeat;}
.yf_jd a:hover dt.yfs4{background:url(../images/12.png) no-repeat;}
.yf_jd a:hover h4{color:#fff;}
.yf_jd a:hover p{color:#fff;}
.yf_jd dt img{ width:87px; height:70px;margin: 0 auto;padding-top: 24px;display: block;}
.yf_jd dd{padding: 0 29px;}
.yf_jd dd h4{height:52px;font-size: 16px;color: #565656; padding-top:20px; font-weight:bold;text-align: center;}
.yf_jd dd h4 span{ display:block;font-size: 10px;font-weight:normal;}
.yf_jd dd p{display:block;font-size: 13px;color:#565656;line-height:25px;margin-top: 15px;}

/* 服务流程 */
.process_dh {text-align: center;line-height: 26px;font-size: 24px;font-weight: bold;margin-bottom: 12px;margin-top: 60px;}
.process_dh em{font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:5px; color:#aaa; font-weight:400; font-style:normal;}
.process_dh span{color:#FF7000;}
.process{display: block; margin:0 auto;} 
.process .col_l{float: left; width:154px; position: relative;border:1px solid #ddd;margin:10px;margin: 10px;padding: 7px 0;}
.process .col_l:before{content: ''; width:154px; height:75px; display: block; position: absolute; background: url(../images/20171117114451_315159750.png) no-repeat; transition:0.3s all ease-in-out;}
.process .col_l1:before{background-position:1px -77px;}
.process .col_l2:before{background-position: -154px -77px;}
.process .col_l3:before{background-position: -308px -77px;}
.process .col_l4:before{background-position: -462px -77px;}
.process .col_l5:before{background-position: -616px -77px;}
.process .col_l6:before{background-position: -770px -77px;}
.process .col_l7:before{background-position: -924px -77px;}
.process .col_l3{padding-right: 0;}
.process .col_l p{ padding-top:76px; font-weight:bold;}
.process .col_l span{position:relative;z-index:5; display: block; line-height:46px; text-align: center; color: #454545; text-decoration: none; font-size: 15px;}
.process .col_l1 span{border-left:0 none;}
.process .col_l.current span,.process .col_l:hover span{color: #FF7000;}
.process .col_l.current:before,.process .col_l:hover:before{background-position-y:-1px;}


.slideBox{width:595px; height:445px; overflow:hidden; position:relative; border:1px solid #ddd; float: left;}
.slideBox .hd{height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}
.slideBox .hd ul li.on{background:#f00; color:#fff;}
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd li{zoom:1; vertical-align:middle;}
.slideBox .bd img{width:100%; height:100%; display:block;}
.slideBox .prev,
.slideBox .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{left:auto; right:3%; background-position:8px 5px;}
.slideBox .prev:hover,
.slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{display:none;}
.slideBox .nextStop{display:none;}
.gcal_y{width: 590px;display: table;float: right;}
.gcal_y ul li{width: 48%; display: inline-block; position: relative; margin: 0.8%; margin-bottom: 3%; border: 1px solid #ddd; margin-top: 0px;}
.gcal_y ul li span{display: none;width: 100%;height: 100%;transition: all 0.5s;}
.gcal_y ul li img{width: 100%;height: 100%;}
.gcal_y ul li:hover span{display: table; position: absolute; top: 0; background-color: rgba(0,0,0,0.5); padding-bottom: 33%; text-align: center; font-size: 18px; color: #fff; padding-top: 33%;}


.Hotel{display: table;width: 100%;text-align: center;line-height: 30px;text-transform: uppercase;margin-bottom: 20px;}
.Hotel font{display: table;font-size: 25px;font-weight: bold;margin:0 auto;}
.more{display: table;width: 250px;line-height: 30px;text-align: center;border:1px solid #ddd;margin:10px auto;border-radius: 20px;}
.more:hover{background: #ff7000}
.more:hover a{color:#fff;}

.anli{display: table; width: 100%; margin-top: 34px;border-top: 1px solid #ddd;padding-top: 20px;}
.anli h4{font-size: 24px;font-weight: bold;text-align: center;}
.anli ul {margin-top: 20px;}
.anli ul li {width: 24%;display: inline-block; margin: 0.2%;border: 1px solid #ddd;background: #fff;}
.anli ul li img{width: 100%;}
.anli ul li span{display: table; width: 100%; text-align: center; line-height: 35px; font-size: 17px; border-top: 1px solid #ddd;}

.engineering_n{display: table;width: 100%;}
.engineering_n ul li{display: table;width: 31%;float: left;background: #fff;border:1px solid #ddd;margin:1%;}
.engineering_n ul li span{display: table;width: 100%;text-align: center;font-size: 16px;line-height: 35px;}
.engineering_n ul li img{width: 100%;}


.Join_top{font-size: 16px;text-align: center;line-height: 35px;margin-bottom: 20px;margin-bottom: 6px;}
.Join_top font{display: table;width: 100%;text-align: center;font-size: 24px;font-weight: bold;}
.Join_top_n{display: table; width: 100%; line-height: 34px; margin: 9px auto;}
.Join_top_n span{display: inline-block; margin: 0 21px; text-align: center; border: 1px solid #ddd; padding: 0px 5px; border-radius: 20px 0; background: #FF7000; color: #fff;}
.Join{width: 100%;display: table;}
.Join li{width: 23.33%;display: inline-block;float: left;margin: 0.5%;}
.Join li span{display: table;width: 100%;line-height: 30px;text-align: center;}
.Join li img{width: 100%;height: 100%;}
.Join li div img:hover{width: 100%;height: 100%; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;}

#youshik{height: 100px;display: table;}
#youshik div{width: 48%;display: table;float: left;height: 18px;}
#youshik2 div{width: 48%;display: table;float: left;height: 18px;}
#youshibj h3{display: table; font-size: 24px; font-weight: bold; text-align: center; width: 100%; margin-top: 30px; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}

.jmlx{display: table;width: 100%;border-top:1px solid #ddd; padding-top: 20px;}
.jmlx label{display: table; width: 100%; line-height: 35px; font-size: 24px; text-align: center; font-weight: bold; margin-bottom: 20px;}
.jmlx li{width: 23%; display: table; float: left; margin: 1%; border: 1px solid #ddd; padding: 20px; height: 170px;}
.jmlx li i{font-size: 45px;display: table;margin:0 auto;margin:20px auto;color: #ff7000;}
.jmlx li span{display: table;width: 100%;text-align: center;color: #ff7000;}

.about{font-size: 14px;line-height: 35px;}
.about ul li{width: 31.3%;display: table;float: left;margin:1%;border:1px solid #ddd;}
.about ul li img{width: 100%;}
.about ul li span{width: 100%;display: table;text-align: center;}