@charset "utf-8";


* {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
body {font-family:"Microsoft Yahei","微软雅黑",Arial; sans-serif; -webkit-text-size-adjust:none;background: #fff;overflow-x: hidden;min-width: 1200px;color: #333;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin-bottom: 0;}
li{list-style-type:none;}
img{border:none; vertical-align:middle;max-width: 100%}
a {text-decoration: none;}
a:focus, button:focus {outline:none !important;}
i,em,label {font-style: normal;font-weight: normal;}
input,select,textarea {outline: none;font-family: Arial,"Microsoft Yahei";}

.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.trans {-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.form-control {display: block; width: 100%;background-color: #fff;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.relative {position: relative;}


.header {width: 100%;background: #fff;position: relative;}
.header .logo {float: left;display: block;overflow: hidden;padding: 13px 0px;}
.header .logo img {height: 70px;}
.header .nav {width: 100%;height: 60px;background-color: #562d22}
.header .nav ul {display: flex;}
.header .nav ul>li {float: left;width: 171px;flex: 1;position: relative;}
.header .nav ul>li>a {display:block;text-align: center;color: #fff;font-size: 18px;height: 60px;line-height: 60px;-webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; transition: 0.3s linear; }
.header .nav ul>li:hover>a,.header .nav ul>li.active>a{color: #fff;background-color: #a6796d;}
.header .nav ul>li .sub {display: none;width: 100%;background: #a6796d;position: absolute;left: 0px;top: 100%;z-index: 19}
.header .nav ul>li .sub a {display: block;padding:0px 10px;text-align: center;color: #fff;font-size: 16px;line-height: 58px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.header .nav ul>li .sub a:hover {background: #562d22;}
.header .tel {padding: 20px 0px;height: 60px;}
.header .tel img,.header .tel span {display: block;float: left;}
.header .tel span {padding:5px 0px 0px 10px;}
.header .tel span p {color: #666;font-size:14px;}
.header .tel span h2 {color: #562d22;font-size: 28px;font-weight: bold;line-height: 100%;margin-top: 5px;}

.navber {width: 100%;height: 35px;background-color: #eee;}
.navber h1 {float: left;color: #666;font-size: 14px;line-height: 35px;}
.navber .right {float: right;}
.navber .right a {color: #666;font-size: 14px;line-height: 35px;float: left;}
.navber .right a:hover {color: #562d22}
.navber .right a:after {content: '';display: block;float: left;width: 1px;height: 15px;background-color: #888;margin: 10px;}
.navber .right a:first-of-type:after {display: none;}

/*footer*/
.footer{background-color: #222;}
.footer .nav-sub {padding: 15px 0px;text-align: center;}
.footer .nav-sub li {display: inline-block;color: #fff;font-size: 16px;height: 20px;line-height: 20px;border-right: 2px solid #fff;padding-right: 35px;margin-right: 35px}
.footer .nav-sub li:last-of-type {border-right: 0px;margin-right: 0px;padding-right: 0px;}
.footer .nav-sub li a {display: block;color: #fff;}
.footer .nav-sub li a:hover {color: #562d22}

.foot-inner {text-align: center;background-color: #562d22;padding: 30px 0px;}
.foot-inner p {color: #fff;font-size: 15px;padding: 5px 0px;}
.foot-inner p a {color: #fff;}
.foot-inner .links {width:1200px;margin: auto;text-align: left;margin-bottom: 30px;font-size: 14px;}
.foot-inner .links span {display: inline-block;vertical-align: top;color: #fff;}
.foot-inner .links a {display: inline-block;vertical-align: top;color: #fff;margin-right: 10px;}
.foot-inner .msg .fr {text-align: right;}
.foot-inner .msg .fr p {margin-bottom: 3px;}
.foot-inner .msg .fl ul li {display: inline-block;vertical-align: top;margin-right: 30px;text-align: center;}
.foot-inner .msg .fl ul li img {width: 100px;height: 100px;}
.foot-inner .msg .fl ul li span {display: block;color: #fff;font-size: 13px;margin-top: 3px;}
/*end*/

#banner {width: 100%;height: 650px;overflow: hidden;position: relative;}
.banner .bd {width: 1920px;height: 650px;position: absolute;left: 50%;margin-left: -960px}
.banner .bd ul li a {display: block;width: 100%;height: 650px;}
.banner .bd ul li a img {display: block;max-width: none;}
.banner .hd {width: 100%;text-align: center;position: absolute;bottom: 10px;z-index: 3;}
.banner .hd ul li {display:inline-block; *display:inline; *zoom:1; margin:0 5px; width: 13px;height: 13px;border:1px solid #562d22;background: transparent;opacity: 1;border-radius: 50%;transition: opacity .5s, background-color 0.25s, width .5s;transition-delay: .25s, 0s, 0s; cursor:pointer;position: relative;}
.banner .hd ul li.on {background: #562d22;}


.tscj {height: 120px;padding-top: 50px;width: 100%;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.tscj dl {width: 19.9%;text-align: center;float: left;border-left:1px solid #e5e5e5;height: 120px;color: #666;position: relative;top: -50px;padding-top: 50px;}
.tscj dl dt {font-size: 22px;}
.tscj dl dd.dd1 {font-size: 14px;margin-top: 5px;}
.tscj dl dd.dd2 {margin-top: 15px;height: 34px;width: 34px;margin: 15px auto;position: relative;overflow: hidden;}
.tscj dl dd.dd2 i {display: block;width: 34px;height: 34px;background: url(../images/ty01.png) no-repeat center;position: relative;top: 0;left: 0;}
.tscj dl dd.dd2 em {display: block;width: 34px;height: 34px;position: relative;top: 0;left: 0;}
.tscj dl:hover {color: #333;}
.tscj dl.dl1 dd.dd2 em {background: url(../images/ty02.png) no-repeat center;}
.tscj dl.dl2 dd.dd2 em {background: url(../images/ty03.png) no-repeat center;}
.tscj dl.dl3 dd.dd2 em {background: url(../images/ty04.png) no-repeat center;}
.tscj dl.dl4 dd.dd2 em {background: url(../images/ty05.png) no-repeat center;}
.tscj dl.dl5 dd.dd2 em {background: url(../images/ty06.png) no-repeat center;}



.keywords {width: 100%;padding:30px 0px 15px;}

.keywords .fl {line-height: 37px;width: 780px;}

.keywords .fl span {color: #666;font-size: 16px;}

.keywords .fl a {color: #666;font-size: 16px;margin-right: 10px;}

.keywords .fl a:hover {color: #562d22}

.keywords .search {float: right;}

.keywords .search input.input-text {width: 215px;height: 35px;border:1px solid #dcdcdc;padding:0px 10px;float: left;}

.keywords .search input.btn-submit {width: 70px;height: 37px;color: #fff;font-size: 15px;background-color: #562d22;float: left;cursor: pointer;}



.container {padding: 50px 0px 30px;}

.index_title {text-align: center;padding:0px 0px 40px;}

.index_title:after {content: '';display: block;width: 100%;height: 22px;background: url(../images/title_icon.png) no-repeat center;}

.index_title h4 {color:#555;font-size: 42px;line-height: 50px;font-weight: bold;}

.index_title p {color:#562d22;font-size: 21px;margin: 5px 0px;}



.index_pro .pro_nav {text-align: center;font-size: 0;margin-bottom: 40px;}

.index_pro .pro_nav li {display: inline-block;color: #333;font-size: 16px;width: 125px;height: 40px;line-height: 40px;border:1px solid #c9c9c9;margin-left: -1px;cursor: pointer;}

.index_pro .pro_nav li.on {background-color: #562d22;color: #fff;border-color: #562d22;position: relative;z-index: 1}

.index_pro .wrap_con .left {width: 600px;}

.index_pro .wrap_con .left a {display: block;width: 600px;height: 530px;position: relative;overflow: hidden;border:1px solid #eee;box-sizing: border-box;}

.index_pro .wrap_con .left a img {width: 100%;}

.index_pro .wrap_con .right {width: 600px;}

.index_pro .wrap_con .right a {display: block;width: 290px;height: 260px;float: left;margin-left: 10px;margin-bottom: 10px;position: relative;overflow: hidden;border:1px solid #eee;box-sizing: border-box}

.index_pro .wrap_con .left a .show,.index_pro .wrap_con .right a .show {display: none;width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background-color: rgba(0,0,0,0.5); -webkit-animation: fadeIn 0.5s ease forwards;animation: fadeIn 0.5s ease forwards;}

.index_pro .wrap_con .left a:hover .show,.index_pro .wrap_con .right a:hover .show {display: table;}

.index_pro .wrap_con .left a .show  .text,.index_pro .wrap_con .right a .show .text {display: table-cell;vertical-align: middle;padding: 20px;}

.index_pro .wrap_con .left a .show  .text h4,.index_pro .wrap_con .right a .show .text h4 {color: #fff;font-size: 20px;text-align: center;}

.index_pro .wrap_con .left a .show  .text h4:hover,.index_pro .wrap_con .right a .show .text h4:hover {color: #f00}

.index_pro .wrap_con .left a .show  .text .more,.index_pro .wrap_con .right a .show .text .more {display: block;width: 74px;height: 21px;margin: 30px auto 0px;background-image: url(../images/more_ico.png);background-repeat: no-repeat;background-position: -76px 0px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.index_pro .wrap_con .left a .show  .text .more:hover,.index_pro .wrap_con .right a .show .text .more:hover {background-position: 0px 0px;}



.index_about .wrap_con .left {width: 600px;float: left;padding-right: 100px;padding-top: 35px;box-sizing: border-box;position: relative;}

.index_about .wrap_con .left .laytxt {font-size: 120px; color: #f6f5f5; position: absolute; right: 0px; top: 20px; z-index: -1; font-weight: bold; line-height: 100%; }

.index_about .wrap_con .left h4 {color: #333;font-size: 21px;margin-bottom: 5px;}

.index_about .wrap_con .left h4:before {content: '';display: block;width: 52px;height: 4px;background-color: #562d22}

.index_about .wrap_con .left span {color: #333;font-size: 21px;font-weight: bold;}

.index_about .wrap_con .left p {color: #666;font-size: 15px;line-height: 24px;margin-top: 20px;text-align: justify;text-indent: 2em;}

.index_about .wrap_con .left a {display: block;color: #fff;background-color: #562d22;width: 140px;height: 40px;line-height: 40px;text-align: center;margin-top: 20px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.index_about .wrap_con .left a:hover {background: #673c2f}

.index_about .wrap_con .right {width: 600px;float: right;}



.index_adv {width: 100%;height: 250px;padding: 0px;margin: 50px 0px 30px 0px;background: url(../images/index_img1.jpg) no-repeat center;}

.index_adv .left {color: #fff;font-size: 34px;line-height: 250px;}

.index_adv .right {padding: 30px 0px;}

.index_adv .right .ico {width: 80px;height: 80px;margin: auto;background: url(../images/index_ico1.png) no-repeat center;}

.index_adv .right p {color: #fff;font-size: 24px;padding: 15px 0px;}

.index_adv .right a {display: block;width: 120px;height: 35px;line-height: 35px;text-align: center;margin: auto;color: #fff;font-size: 16px;border:1px solid #fff;border-radius: 5px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.index_adv .right a:hover {background-color: #fff;color: #333;}



.advantage_con .row {padding-top: 50px}

.advantage_con .row .text,.advantage_con .row .img {width: 540px;}

.advantage_con .row .text .title .num {display: inline-block;vertical-align: middle;margin-right: 10px;width: 82px;height: 82px;line-height: 82px;text-align: center;color: #fff;font-size: 28px;background: url(../images/num_ico.png) no-repeat center;} 

.advantage_con .row .text .title .h {display: inline-block;vertical-align: middle;}

.advantage_con .row .text .title .h h4 {color: #333;font-size: 34px;font-weight: bold;}

.advantage_con .row .text .con {padding-left: 100px;}

.advantage_con .row .text .con p {color: #333;font-size: 16px;margin: 20px 0px;}

.advantage_con .row .text .con p:before {content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;border-radius: 10px;margin-right: 10px;background: #562d22}



.index_news .news_row {width: 400px;float: left;padding:0px 8px;border:2px solid #fff;box-sizing: border-box;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.index_news .news_row:hover {border-color: #562d22}

.index_news .news_row .text {padding: 8px 0px;}

.index_news .news_row .text .date {color: #999;font-size: 14px;}

.index_news .news_row .text h4 {margin: 5px 0px 8px;}

.index_news .news_row .text h4 a {display: block;color: #333;font-size: 16px;font-weight: 600;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.index_news .news_row .text h4 a:hover {color: #562d22}

.index_news .news_row .text p {color: #666;font-size: 14px;height: 58px;line-height: 19px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.index_news .news_row .img {margin: 8px 0px;height: 245px;overflow: hidden;}

.index_news a.more {display: block;width: 150px;height: 42px;line-height: 42px;text-align: center;margin: 40px auto 0px;background-color: #562d22;color: #fff;font-size: 16px;}



.index_contact {width:100%; height:auto; margin:30px auto 0px; overflow:hidden;background-color: #f3f3f3}

.index_contact .index_title h4 {color: #562d22;}

.index_contact .index_title:after {display: none;}

.index_contact .index_title p {color: #999;font-size: 16px;}

.index_contact ul {text-align: center;padding:20px 0px 40px;font-size: 0px;}

.index_contact ul li {display: inline-block;vertical-align: top;text-align: center;padding: 10px;width: 280px;border:1px solid #dcdcdc;margin: 0px 10px;background-color: #fff;box-sizing: border-box;}

.index_contact ul li .ico {width: 70px;height: 70px;display: inline-block;vertical-align: middle;background-image: url(../images/contact_index.png);background-repeat: no-repeat}

.index_contact ul li .ico1 {background-position: 0px 0px;}

.index_contact ul li .ico2 {background-position: -70px 0px;}

.index_contact ul li .ico3 {background-position: -140px 0px;}

.index_contact ul li .ico4 {background-position: -210px 0px;}

.index_contact ul li .txt {max-width:160px;display: inline-block;vertical-align: middle;margin-left: 10px;text-align: left;}

.index_contact ul li .txt span {color:#333;font-size: 15px;}

.index_contact ul li .txt p {color: #f00;font-size: 16px;}



.qqkefu{position: fixed;bottom:200px;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index:900;right:0;width:50px;transition:all 0.8s ease;}

.qqkefu:hover{ margin-top:5px;}

.qqkefu ul li{width: 50px;height:50px;margin-bottom:3px;float:right;line-height:50px;font-size:14px; color:#fff; cursor:pointer;position:relative;text-indent:10px;}

.qqkefu ul li a{color:#fff;display: block;overflow: hidden;height: 50px; font-size:14px;}

.qqkefu ul li.qq_cza{overflow:hidden}

.qqkefu ul li:hover{background:#562d22;}

.qqkefu ul li.top{background: #562d22 url(../images/side_icons.png) no-repeat -250px 0px;position:relative;width:50px;height: 50px;cursor:pointer;}

.qqkefu ul li.top:hover{background:#562d22 url(../images/side_icons.png) no-repeat -250px 0px;}

.qqkefu ul li b{width:50px;height:50px;display:block;overflow:hidden;float:right;background-image: url(../images/side_icons.png);background-color: #562d22;}

.qqkefu ul li span{font-size: 14px;font-weight: bold;color: #FFF;}

.qqkefu ul li b.a{background-position: 0px 0px}

.qqkefu ul li b.b{background-position: -50px 0px}

.qqkefu ul li b.c{background-position: -100px 0px}

.qqkefu ul li b.d{background-position: -150px 0px}

.qqkefu ul li b.e{background-position: -200px 0px}

.qqkefu ul li:hover b{background-color: #562d22;}

.qqkefu ul li.qq_czb{text-indent: 0;}

.qqkefu ul li.qq_czae{ line-height:15px !important}

.qqkefu .erweima{position: absolute;width:125px;bottom: 0px;left: -138px;float: right;cursor: default !important;padding: 5px;border:1px solid #ccc;background:#fff;display:none;}

.qqkefu .erweima img{width:100%;}

.qqkefu li .erweima p a{display:block;font-size:14px;color:#333;margin-top:-8px;margin-left:30px;}



p.zxkf {position: fixed;right: 0;top:450px;min-height: 100px;width: 70px;text-align: center;z-index: 99;}

p.zxkf .zxkf_btn {display: block; width: 65px;height: 23px;background: rgba(135,135,135,0.9);padding-top: 42px;color: #fff;font-size: 12px;margin-bottom: 3px;position: relative;border-radius: 5px;}

p.zxkf .zxkf_btn i {display: block;width: 33px;height: 33px;position: absolute;left: 16px;top: 5px;}



p.zxkf .zxkf_a01 i {background: url(../images/zxkficon01.png) no-repeat center;}

p.zxkf .zxkf_a02 i {background: url(../images/zxkficon02.png) no-repeat center;}

p.zxkf .zxkf_a03{ display:none;}

p.zxkf .zxkf_a03 i {background: url(../images/zxkficon03.png) no-repeat center;}



p.zxkf .zxkf_a04 {margin:5px 0px;height: 35px;padding-top: 65px;background: #de0000;}

p.zxkf .zxkf_a04 i {background: url(../images/zxkficon04.png) no-repeat center;top: 23px;left: 18px;}



p.zxkf .zxkf_a05 {height: 18px;}

p.zxkf .zxkf_a05 i {background: url(../images/zxkficon05.png) no-repeat center;top: 13px;}

p.zxkf .zxkf_a06 i {background: url(../images/zxkficon06.png) no-repeat center;top: 13px;}



p.zxkf .zxkf_btn:hover {background: #000;}

p.zxkf .zxkf_btn.zxkf_a04:hover {background: #de0000;}

.qcode {display: none;width: 120px;height: 120px;position: absolute;top: -30px;right: 100%;}

p.zxkf .zxkf_a05 em {display: block;position: absolute;right: 65px;top: -20px;padding: 10px;background: #000;border-radius: 10px;}