body { margin: 0; padding: 0; font: 16px/1.5 "Microsoft YaHei", 微软雅黑, SimSun, SimHei, Arial; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
table, td, tr, th { font-size: 12px; }
ol, ul { list-style: none; }
li { list-style-type: none; }
img { vertical-align: top; border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: normal; }
address, cite, code, em, th, i { font-weight: normal; font-style: normal; }
.hx a, .hx em, .fB { font-weight: bold; }
.clearfix { *zoom:1;
}
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a { color: #252525; text-decoration: none; }
a:hover { text-decoration: none; }
.none { display: none; }
.wrapper { clear: both; }
.container { clear: both; min-width: 800px; max-width: 996px; margin: 0 auto; }
.header { overflow: hidden; height: 90px; position: relative; }
.logo { position: absolute; z-index: 1; top: 0; left: 0; width: 223px; height: 90px; background: url(images/logo.png) no-repeat center center; }
.nav { margin: 0 0 0 450px; height: 90px; }
.nav ul li { float: left; width: 16%; height: 90px; }
.nav ul li a { display: block; height: 86px; line-height: 100px; text-align: center; overflow: hidden; }
.nav ul li.active a, .nav ul li a:hover { background: #fff;  border-bottom: 4px solid #01afef; }
/**全屏banner**/
.lubo { width: 100%; min-width: 1000px; clear: both; position: relative; height: 545px; }
.lubo_box { position: relative; width: 100%; height: 368px; }
.lubo_box li { float: left; position: absolute; top: 0; left: 0; width: 100%; height: 545px; opacity: 0; filter: alpha(opacity=0); }
.lubo_box li a { display: block; width: 100%; height: 100%; }
.lubo_box li img { width: 100%; height: 545px; }
.cir_box { overflow: hidden; position: absolute; z-index: 100; }
.cir_box li { float: left; width: 30px; height: 5px; margin: 0 5px; cursor: pointer; background: #fff; opacity: 0.8; filter: alpha(opacity=80); }
.cir_on { background: #1cb5f5 !important; }
.lubo_btn { position: absolute; width: 100%; top: 140px; display: none }
.left_btn, .right_btn { width: 30px; height: 80px; background: #000; opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.left_btn { float: left; }
.right_btn { float: right; }
/**end:banner**/
.index-about { background: #f7f9fa; height: 380px; overflow: hidden; }
.title { margin: 0 20%; background: url(images/title-bg.png) repeat-x center center; text-align: center; }
.title strong { display: inline-block; padding: 0 20px; line-height: 60px; background: #f7f9fa url(images/title-i.png) no-repeat center bottom; font-size: 28px; color: #333; font-weight: normal; }
.text { color: #4c4c4c; font-size: 18px; line-height: 200%; margin: 20px 10% 80px; }
.text p {margin:0 0 40px; text-indent:2em;}
.mtb90 { margin-top: 50px; margin-bottom: 50px; }
.bg-fff strong { background-color: #fff; }


@font-face {font-family: "iconfont";
  src: url('images/iconfont.eot?t=1514960479947'); /* IE9*/
  src: url('images/iconfont.eot?t=1514960479947#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('images/iconfont.ttf?t=1514960479947') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('images/iconfont.svg?t=1514960479947#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon1:before { content: "\e685"; }
.icon-icon2:before { content: "\e686"; }
.icon-icon3:before { content: "\e687"; }

.tabs ul.horizontal { list-style: none outside none; margin: 0;clear:both; }






.tabs ul.horizontal li { width:33.33%; float:left;height:390px; text-align:center; background:url(images/tab-bg1.png) no-repeat center center; background-size:auto 100%;  position:relative;}
.tabs ul.horizontal li.active { background-image:url(images/tab-bg2.png);}
.tabs ul.horizontal li span {font-size:22px;color:#555;margin:75px 0; display:block}
.tabs ul.horizontal li.active span {color:#fff}
.tabs ul.horizontal li i { display:block;height:100px;width:100%; text-align:center;font-size:100px;color:#01afef;line-height:100px;}
.tabs ul.horizontal li.active i {color:#fff;}
.tabs ul.horizontal2 {}
.tabs ul.horizontal2 li { width:25%; float:left;height:320px;overflow:hidden; text-align:center; background:url(images/tab2-bg1.png) no-repeat center 0; background-size:80% auto;position:relative;}
.tabs ul.horizontal2 li.active { background-image:url(images/tab2-bg2.png);}
.tabs ul.horizontal2 li .tabicon { display:block;height:92px;width:92px;margin:58px auto; background-image:url(images/tab2-icon.png); background-repeat:no-repeat; }
.tabs ul.horizontal2 li.active .tabicon1 {background-position:0 0;}
.tabicon1 {background-position:-92px 0;}
.tabs ul.horizontal2 li.active .tabicon2 {background-position:0 -92px;}
.tabicon2 {background-position:-92px -92px;}
.tabs ul.horizontal2 li.active .tabicon3 {background-position:0 -184px;}
.tabicon3 {background-position:-92px -184px;}
.tabs ul.horizontal2 li.active .tabicon4 {background-position:0 -276px;}
.tabicon4 {background-position:-92px -276px;}
.tabs ul.horizontal2 li p { position:absolute; z-index:1;top:240px; text-align:center;left:0;right:0;}
.tabs ul.horizontal2 li p span {display:block;margin-bottom:5px;}
.tabs ul.horizontal2 li p em { background:#fff;width:4px;height:4px; border-radius:2px; display:inline-block;}
.tabs ul.horizontal2 li.active p em{background:#01afef;}
.tabs ul.horizontal2 li.active p span {color:#01afef}
.index-tx { background:#f6f8fa url(images/index-bg.png) repeat-x 0 -60px}
.tab-con {clear:both;padding:80px 0}
.tab-con h6 { text-align:center;font-size:30px;color:#555;padding:20px 0;}
.tab-con p {font-size:18px;line-height:39px;color:#555;}
.tab-n1,.tab-n2,.tab-n3 {width:100%;height:555px; background-position:center 0; background-repeat:no-repeat; background-size:auto 100%;margin-top:40px; }
.tab-n1 {background-image:url(images/tab-n1.png);}
.tab-n2 {background-image:url(images/tab-n2.png);}
.tab-n3 {background-image:url(images/tab-n3.png);}


.footer {background:#454646;color:#fff;height:50px;line-height:50px;font-size:12px;}
.fl {float:left;margin-right:15px}
.fr {float:right;}.footer a {color:#fff;}

.index-fff {background:#fff;}
.div-fff {background:#fff;overflow:hidden;clear:both;}
.div-tint {background:#f6f8fa;overflow:hidden;clear:both}
.product-banner {clear:both;overflow:hidden;height:420px;background:#1cb5f5 url(images/product.png) no-repeat center 2px;}
.company-banner {clear:both;overflow:hidden;height:420px;background:#1cb5f5 url(images/company.png) no-repeat center 0;}
.cooperation-banner {clear:both;overflow:hidden;height:420px;background:#1cb5f5 url(images/cooperation.png) no-repeat center 0;}
.join-banner {clear:both;overflow:hidden;height:420px;background:#1cb5f5 url(images/join.png) no-repeat center 1px;}
.text h5 {font-size:28px;line-height:60px;margin:80px 0 20px}

.fl {float:left;}
.fr {float:right;}
.tab-con2 {padding:20px 0}
.tab-con2 p {font-size:18px;line-height:39px;color:#555;margin:50px 0 0}
.app-title {font-size:26px;line-height:30px;}
.app-title i {float:left;width:2px; background:#01afef;height:30px;margin-right:5px;}
.app-title strong {font-weight:normal;color:#555;}
.title2 {font-size:35px;line-height:45px;color:#555;}
.tab2-c1-1-img { background:url(images/tab2-c1-1.jpg) no-repeat center center;height:380px;float:left;width:400px; background-size:auto 100%;}
.tab2-c1-2-img { background:url(images/tab2-c1-2.jpg) no-repeat center center;height:380px;float:right;width:400px;background-size:auto 90%;}
.tab2-c1-3-img { background:url(images/tab2-c1-3.jpg) no-repeat center center;height:380px;float:left;width:400px;background-size:auto 90%;}
.tab2-c1-4-img { background:url(images/tab2-c1-4.jpg) no-repeat center center;height:380px;float:right;width:400px;background-size:auto 90%;}
.tab2-c1-5-img { background:url(images/tab2-c1-5.jpg) no-repeat center center;height:380px;float:left;width:400px;background-size:auto 90%;}


.tab2-c2-1-img { background:url(images/tab2-c2-1.jpg) no-repeat center center;height:380px;float:left;width:400px;background-size:auto 100%;}
.tab2-c2-2-img { background:url(images/tab2-c1-2.jpg) no-repeat center center;height:380px;float:right;width:400px;background-size:auto 90%;}
.tab2-c2-3-img { background:url(images/tab2-c2-3.jpg) no-repeat center center;height:380px;float:left;width:400px;background-size:auto 90%;}
.tab2-c2-4-img { background:url(images/tab2-c1-4.jpg) no-repeat center center;height:380px;float:right;width:400px;background-size:auto 90%;}
.tab2-c2-5-img { background:url(images/tab2-c2-5.jpg) no-repeat center center;height:380px;float:left;width:400px;background-size:auto 90%;}

.tab2-c3-1-img { background:url(images/tab2-c3-1.jpg) no-repeat center center;height:380px;float:left;width:400px;background-size:auto 100%;}
.tab2-c3-2-img { background:url(images/tab2-c3-2.jpg) no-repeat center center;height:380px;float:right;width:400px;background-size:auto 90%;}
.tab2-c3-3-img { background:url(images/tab2-c3-3.jpg) no-repeat center center;height:380px;float:left;width:400px;background-size:auto 90%;}
.tab2-c3-4-img { background:url(images/tab2-c3-4.jpg) no-repeat center center;height:380px;float:right;width:400px;background-size:auto 90%;}

.tab2-c4-1-img { background:url(images/tab2-c4-1.jpg) no-repeat center center;height:380px;float:left;width:400px;background-size:auto 100%;}
.tab2-c4-2-img { background:url(images/tab2-c4-2.jpg) no-repeat center center;height:380px;float:right;width:400px;background-size:auto 90%;}
.tab2-c4-3-img { background:url(images/tab2-c4-3.jpg) no-repeat center center;height:380px;float:left;width:400px;background-size:auto 90%;}
.tab2-c4-4-img { background:url(images/tab2-c4-4.jpg) no-repeat center center;height:380px;float:right;width:400px;background-size:auto 90%;}


.tab2-c1-1 {width:540px;margin:80px 0 0}
.tab2-c1-2 {width:540px;margin:70px 0 0}
.tab2-c1-3 {width:540px;margin:90px 0 0}
.tab2-c1-4 {width:540px;margin:90px 0 0}
.tab2-c1-5 {width:540px;margin:100px 0 0}




.franchisee label{display:block;height:40px;position:relative;margin:5px 0;}
.franchisee ul li {margin-bottom:15px;clear:both;overflow:hidden;min-height:90px}
.franchisee p {color:#333}
.franchisee span{position:absolute;float:left;line-height:54px;left:10px;color:#BCBCBC;cursor:text;}
.input_txt{width:485px;border:solid 1px #ccc;height:54px;text-indent:10px;}
.input_txt:focus{border:solid 1px #42b9c9 ;}
.textarea_txt {width:485px;border:solid 1px #ccc;height:184px;text-indent:10px;line-height:54px;}
.textarea_txt:focus{border:solid 1px #42b9c9 ;}
.border_radius{border-radius:5px;color:#333;}
.hz-ul {margin:0 auto;width:520px;}
.btn-sq { background:#309ed1;height:60px;line-height:60px; text-align:center;font-size:20px;color:#fff; border:0;width:485px }

.CRselectBox { background:#FFFFFF url(../images/select_box_off.gif) no-repeat right center; border:1px solid #ccc; cursor:pointer; display:block; width: 485px; height: 54px; border-radius: 5px;overflow:hidden;margin:5px 0}
.CRselectBoxHover { background:#FFFFFF url(../images/select_box_on.gif) no-repeat right center; }
.CRselectBox a.CRselectValue { display:block;white-space:nowrap; color:#000; overflow:hidden; width:485px; line-height:54px; text-indent:10px;}
.CRselectBoxOptions { background:#FFFFFF; border:1px solid #ccc; margin-left:-1px; list-style:none; overflow-y:auto; z-index:1000; position: absolute; width:485px; display:none; }
.CRselectBoxOptions a { color:#ccc; display:block; height:50px; line-height:50px;width:485px; padding-left:4px; background:#fff; overflow:hidden; white-space:nowrap; }
.CRselectBoxOptions a:hover { background:#42b9c9;color:#fff;  }
.CRselectBoxOptions a.selected { background:#42b9c9;color:#fff;  }
/* 解决 firefox 点击放大出现虚线框，从而导致滚动条的问题  */
.CRselectBox a { outline: none; text-decoration:none; }
.CRselectBox a:focus { outline: none; text-decoration:none; }

.CRselectBoxOptions .CRselectBoxItem {height:50px!important;min-height:50px!important;line-height:50px;margin:0}