@charset "utf-8";
* {word-wrap: break-word; padding:0px; margin: 0px;} 
p {margin:10px 0;}
ul,li {list-style:none;}
form, img {margin:0; border:0px; padding:0; vertical-align:top;}
a {color: #000; transition: all 0.2s; text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); blr:expression(this.onFocus=this.blur()); outline:none; }
a:hover {color: #d93824; text-decoration:none;}
select,input,textarea{font:18px Helvetica, sans-serif;}
.clear {clear:both;}
.b {font-weight:bold;}
.xt {font-style:italic;}
.s1 {color:#000;}
.s1 a{color:#000;}
.s1 a:hover{color:#000;}
.s2 {color:#666;}
.s2 a{color:#666;}
.s2 a:hover{color:#666;}
.s3 {color:#999;}
.s3 a{color:#999;}
.s3 a:hover{color:#999;}
.s4 {color:#fff;}
.s4 a{color:#fff;}
.s4 a:hover{color:#fff;}
.s5 {color:#d93824;}
.s5 a{color:#d93824;}
.s5 a:hover{color:#d93824;}

/*统一文字居中*/
.tc {text-align:center;}

body {width:100%; height:100%; margin: 0px; font:15px Gotham-Book, Helvetica, Arial, sans-serif; color:#000; background:#ececec; width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px;}
html {background:#ececec !important;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f24 {font-size:24px;}
.f32 {font-size:32px;}
.f36 {font-size:36px;}
.f40 {font-size:40px;}

/*页面宽度*/
#main-block {margin:auto; width:1200px;}

/*隐藏移动端*/
#mobile-header {display:none;}

/*头部*/
#header {height:80px; background:#000;}
#header .logo {float:left;}
#header .logo a {background:url(../images/logo.png) no-repeat; width:179px; height:40px; background-size:100%; display:block; margin:20px 0;}
#header .nav {float:left; margin:30px 0 0 50px;}
#header .nav li {float:left; margin-left:40px;}
#header .nav li a {display:block; color:#fff;}
#header .nav li a:hover {color:#d93824;}
#header .nav li.active a {color:#d93824;}
#header .tel {float:right; margin:20px 0 0 0;}
#header .tel img {height:32px; margin-right:10px;}
 
/*首页banner*/
#index-banner {height:700px; overflow:hidden; position:relative;}
#index-banner .index_banner1 {background:url(../images/index_banner1.jpg) center 0 no-repeat; height:700px;}
#index-banner .index_banner2 {background:url(../images/index_banner2.jpg) center 0 no-repeat; height:700px;}
#index-banner .index_banner3 {background:url(../images/index_banner3.jpg) center 0 no-repeat; height:700px;}

/*首页卖点*/
#index-maidian {margin-top:90px;}
#index-maidian .btx {background:url(../images/btx1.png) no-repeat; width:650px; height:20px; line-height:20px; margin:10px auto 0 auto; text-align:center;}
#index-maidian .list {padding:50px 0 130px 0; overflow:hidden;}
#index-maidian .list ul {width:1230px;}
#index-maidian .list li {float:left; width:380px; margin-right:30px; overflow:hidden; background:#d93824; color:#fff; transition: all 0.2s;}
#index-maidian .list li:hover {background:#000; color:#fff;}
#index-maidian .list .title {padding:25px 0; text-align:center; line-height:28px;}

/*首页产品*/
#index-product {background:url(../images/index_probg.jpg) center no-repeat; height:1060px;}
#index-product .bt {padding:90px 0 0 0;}
#index-product .btx {background:url(../images/btx2.png) no-repeat; width:650px; height:20px; line-height:20px; margin:10px auto 0 auto; text-align:center;}

#index-product .list {margin:70px 0 0 0; overflow:hidden;}
#index-product .list ul {width:1260px;}
#index-product .list li {float:left; width:360px; margin-right:60px;}
#index-product .list li img {width:360px; height:260px; background:#fff;}
#index-product .list a .title {padding:15px; width:260px; background:#eee; transition: all 0.2s;}
#index-product .list a:hover .title {background:#d93824; color:#fff;}
#index-product .list a .more {float:right; margin:5px 5px 0 15px; width:18px; height:18px; line-height:18px; text-align:center; background:#d93824; color:#fff; border-radius:100px;}
#index-product .list a:hover .more {background:#000; color:#fff;}

#index-product .banner {margin:60px 0 0 0; height:350px; background:#fff;}
#index-product .banner .swiper-button-prev {left:1100px; top:320px; background:#000; color:#fff; line-height:50px; height:50px; width:50px; text-align:center; font-size:1.4vw;}
#index-product .banner .swiper-button-next {top:320px; background:#d93824; color:#fff; line-height:50px; height:50px; width:50px; text-align:center; font-size:1.4vw;}
#index-product .banner .swiper-button-prev:hover {display:block; background:#d93824; color:#fff;}
#index-product .banner .swiper-button-next:hover{display:block; background:#000; color:#fff;}
#index-product .banner .pic {float:left; margin:50px 50px 70px 50px; width:320px; height:230px; background:#efefef;}
#index-product .banner .pic img {width:320px; height:230px;}
#index-product .banner .right {float:left; margin:50px 0 0 0; width:700px;}
#index-product .banner .title {margin-bottom:20px;}
#index-product .banner .line {width:50px; height:3px; background:#d93824;}
#index-product .banner .desc {margin-top:20px; line-height:180%;}
#index-product .banner .more {margin-top:20px;}

/*流程*/
#liucheng {height:280px; background:url(../images/liucheng.jpg) center no-repeat;}

/*广告*/
#gg1 {height:576px; background:url(../images/gg1.jpg) #f2f2f2 center no-repeat;}
#gg2 {background:url(../images/gg2.jpg) center no-repeat; height:550px; width:100%;}

/*首页新闻*/
#index-news {margin:0; padding:0 0 90px 0; background:#fff;}
#index-news .bt {padding:90px 0 0 0;}
#index-news .btx {background:url(../images/btx3.png) no-repeat; width:650px; height:20px; line-height:20px; margin:10px auto 0 auto; text-align:center;}

#index-news .left {float:left; width:600px; margin:40px 0 0 0;}
#index-news .left img {margin:15px 0 0 0; background:#efefef; width:600px; height:300px;}
#index-news .left .topnews {margin:15px 0 0 0;}
#index-news .left .date {float:right; line-height:180%;}
#index-news .left .list {margin:30px 0 0 0;}
#index-news .left .list li {line-height:180%; padding:0 0 10px 0;}

#index-news .right {float:left; width:530px; margin:40px 0 0 70px;}
#index-news .right .list {margin:15px 0 0 0;}
#index-news .right .list li {line-height:25px; border-top:1px #eee solid; padding:18px 0;}
#index-news .right .q {float:left; margin-right:10px; display:block; width:25px; height:25px; line-height:25px; text-align:center; background:#d93824; color:#fff; border-radius:100px;}
#index-news .right .a {float:left; margin-right:10px; display:block; width:25px; height:25px; line-height:25px; text-align:center; background:#000; color:#fff; border-radius:100px;}
#index-news .right .an {margin:10px 0 0 0;}
#index-news .right .desc {float:left; width:495px;}

/*首页关于*/
#index-about {margin-top:90px;}
#index-about .btx {background:url(../images/btx1.png) no-repeat; width:650px; height:20px; line-height:20px; margin:10px auto 0 auto; text-align:center;}
#index-about .left {float:left; width:600px; height:450px; position:relative; margin:40px 0 0 0;}
#index-about .left .pic {width:570px; height:320px; position:absolute; z-index:2; left:30px;}
#index-about .left .pic img {width:570px; height:320px;}
#index-about .left .bg {width:570px; height:260px; background:#d93824; position:absolute; top:90px;}

#index-about .right {float:left; width:600px; height:450px; position:relative; margin:40px 0 0 0;}
#index-about .right .bg {width:570px; height:260px; background:#d93824; position:absolute; right:0;}
#index-about .right .content {width:510px; padding:30px; height:260px; line-height:180%; position:absolute; z-index:2; top:30px; background:#fff;}
#index-about .right .menu {float:right; margin:20px 0 0 0;}
#index-about .right .menu li {float:left; margin:0 50px; text-align:center;}
#index-about .right .menu li img {height:60px;}

/*底部*/
#footer {background:#333; padding:20px 0;}
#footer .nav {border-bottom:1px #555 solid; text-align:center;}
#footer .nav ul {display:inline-block; }
#footer .nav li {float:left; padding:30px 50px;}
#footer .left {float:left; width:400px; padding:50px 0;}
#footer .left img {width:240px;}
#footer .center {float:left; width:300px; padding:40px 0; line-height:220%;}
#footer .right {float:right; width:500px; padding:40px 0;}
#footer .right ul {float:right;}
#footer .right li {float:left; text-align:center; line-height:180%; margin-left:40px;}
#footer .right li img {width:60px; height:60px; margin-bottom:5px; background:#444;}
#footer .copyright {border-top:1px #555 solid; text-align:center;padding:30px 0;}

 
/***************内页**************/

#n-banner1 {background:url(../images/n_banner1.jpg) center no-repeat; height:470px;}
#n-banner2 {background:url(../images/n_banner2.jpg) center no-repeat; height:470px;}
#n-banner3 {background:url(../images/n_banner3.jpg) center no-repeat; height:470px;}
#n-banner4 {background:url(../images/n_banner4.jpg) center no-repeat; height:470px;}
#n-banner5 {background:url(../images/n_banner5.jpg) center no-repeat; height:470px;}

/*内页简介*/
#n-about {margin:70px 0;}
#n-about .bt {text-align:center; margin:0 0 10px 0;}
#n-about .line {margin:auto; width:80px; height:3px; background:#d93824;}
#n-about .btx {text-align:center; margin:10px 0;}
#n-about .content {text-align:center; padding:10px 0; overflow:hidden; line-height:220%;}
#n-about .nav {margin:30px 0 0 0; text-align:center;}
#n-about .nav ul {display:inline-block;}
#n-about .nav li {float:left; padding:10px; margin:0 40px; border-bottom:3px #d93824 solid; line-height:180%;}
#n-about .list {overflow:hidden; margin:0 0 50px 0;}
#n-about .list ul {width:1240px;}
#n-about .list li {float:left; width:580px; margin:40px 40px 0 0; text-align:center; line-height:220%;}
#n-about .list li img {width:580px; height:330px;}

/*内页产品*/
#n-product {padding:70px 0; background:#fff;}
#n-product .bt {text-align:center; margin:0 0 10px 0;}
#n-product .line {margin:auto; width:80px; height:3px; background:#d93824;}
#n-product .btx {text-align:center; margin:10px 0;}

#n-product .list {overflow:hidden; margin:0 0 60px 0;}
#n-product .list ul {width:1260px;}
#n-product .list li {float:left; width:360px; margin:30px 60px 0 0;}
#n-product .list li img {width:360px; height:260px; background:#fff;}
#n-product .list a .title {padding:15px; width:260px; transition: all 0.2s; border:1px #ccc solid;}
#n-product .list a:hover .title {background:#d93824; color:#fff; border:1px #d93824 solid;}
#n-product .list a .more {float:right; margin:5px 5px 0 15px; width:18px; height:18px; line-height:18px; text-align:center; background:#d93824; color:#fff; border-radius:100px;}
#n-product .list a:hover .more {background:#000; color:#fff;}
#n-product .content {padding:60px; line-height:220%; overflow:hidden;}
#n-product .content img {max-width:100%;}

/*内页新闻*/
#n-news {margin:70px 0;}
#n-news .bt {text-align:center; margin:0 0 10px 0;}
#n-news .line {margin:auto; width:80px; height:3px; background:#d93824;}
#n-news .btx {text-align:center; margin:10px 0;}
#n-news .btx a {margin:0 10px;}
#n-news .btx .active {color:#d93824;}

#n-news .list {overflow:hidden; margin:0 0 40px 0;}
#n-news .list ul {width:1240px;}
#n-news .list li {float:left; width:580px; height:395px; margin:30px 40px 20px 0; padding:0 0 15px 0; border-bottom:1px #ccc solid;}
#n-news .list li img {width:580px; height:290px; background:#fff;}
#n-news .list .title {margin:15px 0;}
#n-news .list .desc {line-height:180%;}

#n-news .faq {overflow:hidden; margin:0 0 40px 0;}
#n-news .faq li {padding:30px 0; border-bottom:1px #ccc solid;}
#n-news .faq .q {float:left; margin-right:10px; display:block; width:25px; height:25px; line-height:25px; text-align:center; background:#d93824; color:#fff; border-radius:100px;}
#n-news .faq .a {float:left; margin-right:10px; display:block; width:25px; height:25px; line-height:25px; text-align:center; background:#000; color:#fff; border-radius:100px;}
#n-news .faq .an {margin:10px 0 0 0;}
#n-news .faq .desc {float:left; line-height:180%; width:95%;}

#n-news .content {padding:60px 0; line-height:220%; overflow:hidden;}
#n-news .content img {max-width:100%;}

/*内页加盟*/
#n-join {margin:70px 0;}
#n-join .bt {text-align:center; margin:0 0 10px 0;}
#n-join .line {margin:auto; width:80px; height:3px; background:#d93824;}
#n-join .btx {text-align:center; margin:10px 0;}
#n-join .btx a {margin:0 10px;}
#n-join .btx .active {color:#d93824;}

#n-join .list {margin:40px 0; overflow:hidden;}
#n-join .list ul {width:1264px;}
#n-join .list li {float:left; width:253px; margin-right:60px; text-align:center; border-top:1px #999 solid; border-left:1px #999 solid; border-right:1px #999 solid; border-bottom:2px #d93824 solid; transition: all 0.2s;}
#n-join .list li:hover {background:#fff;}
#n-join .list img {width:90px; height:90px; margin:50px 0 15px 0;}
#n-join .list .title {margin:0 0 15px 0;}
#n-join .list .desc {padding:0 40px; line-height:180%; margin:0 0 50px 0;}

/*内页网络*/
#n-network {padding:70px 0; background:url(../images/network.jpg) center 70px no-repeat;}
#n-network .bt {text-align:center; margin:0 0 10px 0;}
#n-network .line {margin:auto; width:80px; height:3px; background:#d93824;}
#n-network .btx {text-align:center; margin:10px 0 500px 0;}
#n-network .btx a {margin:0 10px;}
#n-network .btx .active {color:#d93824;}

/*内页联系*/
#n-contact {margin:70px 0;}
#n-contact .left {width:600px; margin:0 0 70px 0; float:left;}
#n-contact .left .list {margin:30px 40px 0 0; border-top:1px #ccc solid; padding:20px 0; border-bottom:1px #ccc solid;}
#n-contact .left .list li {line-height:24px; padding:8px 0;}
#n-contact .left .list li img {width:24px; height:24px; margin-right:20px;}
#n-contact .left .list2 {margin:40px 40px 0 0;}
#n-contact .left .list2 li {float:left; text-align:center; line-height:180%; margin-left:36px;}
#n-contact .left .list2 li img {width:60px; height:60px; margin-bottom:5px; background:#444;}

#n-contact .right {width:600px; padding:10px 0 0 0; float:left;}
#n-contact .right img {max-width:100%;}
#n-contact .joinbt {text-align:center; margin:0 0 10px 0;}
#n-contact .line {margin:auto; width:80px; height:3px; background:#d93824;}

/*表单样式*/
.layui-tab-content .cms-btn {border:1px #d93824 solid; background:#d93824; color:#fff;}
.layui-tab-content .cms-btn:hover {border:1px #d93824 solid;}
.layui-tab-content .layui-textarea {font-size:15px; padding-top:10px;}
.layui-tab-content .layui-input {font-size:15px;}

/*翻页样式*/
.pagelist { text-align:center;}
.pagelist a{border: 1px solid #ddd; background:#ddd; color:#666; display: inline-block; width:36px; height:36px;line-height:36px; white-space: nowrap; text-align: center; border-radius:3px;}
.pagelist a+a{margin-left:8px;}
.pagelist a.active,.pagelist a:hover{background:#d93824; color:#fff; border:1px solid #d93824;}