/**首页头部与底部**/
#headwrap {
   padding: 0 10%;
}

#head {
   height: 95px;
   padding-top: 25px
}

#logo {
   width: 190px;
   float: left;
}

#phone {
   float: right;
   text-align: right;
   margin-top: 40px;
   line-height: 22px;
   font-size: 16px;
   border-left: 1px solid #aaa;
   padding-left: 10px
}

#maincontent {
   width: 100%;
   height: auto;
   padding-top: 10px
}

#maincontact {
   width: 100%;
   margin: 0px auto;
}
@media screen (max-width:768px) {
   #maincontact {
      width: 100% !important;
   }
   
}
.maintitle {
   font-size: 16px;
   line-height: 170%;
   padding-top: 20px;
   color: #666666
}

.mline {
   border-bottom: 1px dashed #a88274;
   background: url(../images/wh.png) no-repeat right bottom;
   padding-bottom: 10px;
}

.mline1 {
   border-bottom: 1px dashed #a88274;
   padding-bottom: 10px;
}

.font14 {
   font-size: 14px;
   line-height: 170%
}

.font24a {
   font-size: 24px;
   line-height: 170%;
   color: #FFFFFF
}

.font30 {
   font-size: 30px;
   font-weight: bold;
   color: #a35b13;
   line-height: 170%
}

.font24 {
   font-size: 24px;
   font-weight: bold;
   color: #6e3d1f;
   line-height: 170%
}

.dline {
   background: url(../images/line.gif) no-repeat center 38px
}

.dream {
   text-align: center;
   font-size: 16px;
   line-height: 300%;
   padding-bottom: 5px
}

.dream dt {
   padding-top: 10px;
   text-align: center
}

.font16 {
   font-size: 16px
}

.anline {
   border-bottom: 1px solid #bbbbbb;
}

#maincontent_wrap {
   background: #fffcf2;
   padding: 0 10%
}

#case_wrap {
   background: #fffcf2;
   padding: 0px 10% 30px 10%;
   border-bottom: 1px solid #dddddd;
}

#content_wrap {
   padding: 0 10%
}

.casetitle h2 {
   font-weight: normal;
   font-size: 28px;
   color: #333333
}

.casetitle {
   font-weight: normal;
   font-size: 16px;
   text-align: center;
   color: #333333;
   padding-top: 40px
}

.casetitle span {
   display: block;
   font-size: 18px;
   padding: 10px 0 16px
}

.casetitle p {
   text-align: center;
   font-size: 16px;
   padding: 20px 0 16px
}

.casetitle1 {
   background: url(../images/yun.png) no-repeat 73% 50%;
   font-weight: normal;
   font-size: 30px;
   text-align: center;
   line-height: 80px;
   color: #FFFFFF
}

.casebox {
   margin: 0 -10px;
   padding-bottom: 40px;
   padding-top: 20px
}

.caselist {
   float: left;
   width: 33.3%;
}

.caselist:nth-child(3n+1) {
   clear: both;
}

.caselistbox {
   background: #fffcf2;
   margin: 10px;
}

.caselistbox_r {
   border: 1px solid #d0c5b4;
   background: #fffcf2;
   margin-left: 30px;
   padding: 15px;
   margin-top: 20px;
   margin-bottom: 10px
}

.caseimg {
   padding: 0;
   margin: 0;
   padding-bottom: 10px
}

.caseimg img {
   width: 100%;
}

.casefont {
   padding: 0;
   margin: 0;
}

.casefont h2 {
   font-size: 16px;
   line-height: 26px;
   color: #b7414f
}

.casefont dt {
   padding-top: 6px;
   line-height: 22px;
   height: 35px
}

.caseimage {
   background: url(../images/down.jpg) no-repeat center top;
   height: 250px;
}

.caseimage1 {
   background: url(../images/middle.jpg) no-repeat center top;
   height: 270px;
}

.indexabout {
   padding-top: 35px;
   padding-bottom: 35px
}

.indexabout h2 {
   font-size: 20px;
   line-height: 150%;
   padding-bottom: 5px;
   padding-top: 5px
}

.indexabout p {
   font-size: 14px;
   line-height: 190%;
}

.inline {
   border-bottom: 1px dashed #a88274;
}

.indexabout dt {
   padding-bottom: 20px;
   text-align: center;
   font-size: 14px;
   line-height: 170%
}

.indexabout dt strong {
   color: #333333;
   font-size: 20px;
   font-weight: normal
}

.indexabout_a {
   float: left;
   width: 400px;
   font-size: 16px;
   line-height: 180%
}

.indexabout_b {
   float: right;
   width: 550px
}

.indexabout_aa {
   float: left;
   width: 535px;
   padding-left: 15px;
}

.indexabout_bb {
   float: right;
   width: 400px;
   text-align: right;
}

.indexabouttitle {
   font-size: 30px;
   line-height: 130%;
   color: #333333;
   border-bottom: 1px solid #cca49e;
   padding-bottom: 10px
}

.indexabouttitle span {
   color: #94534f
}

.indexaboutfont {
   font-size: 14px;
   line-height: 170%;
   padding-top: 12px
}

.height15 {
   height: 15px
}

.font20 {
   font-size: 24px;
   font-weight: normal;
   color: #af6735;
   line-height: 170%;
}

.newsboxtitle {
   font-size: 30px;
   text-align: center;
   line-height: 45px;
   color: #333333;
   height: 65px
}

.newsbox {
   padding-top: 30px;
   padding-bottom: 45px;
   margin: 0 -15px;
   border-top: 1px dashed #aaa
}

.newsbox_a {
   float: left;
   width: 35%;
}

.newsbox_c {
   float: right;
   width: 26%;
   padding-left: 3%;
   height: 290px;
   border-left: 1px solid #ff6600;
}

.hz {
   font-size: 24px;
   padding-top: 10px;
}

.hz span {
   color: #ff0000
}

.hzfont {
   font-size: 14px;
   padding: 15px 0;
   line-height: 180%
}

.hzcontact {
   font-size: 14px;
   padding-top: 90px
}

.hzcontact span {
   font-size: 22px;
   display: block;
   padding: 15px 0
}

.newsbox_aa {
   padding: 0 15px
}

.newsbox_title {
   line-height: 35px;
   color: #d4110f;
   font-size: 18px;
}

.newsbox_list {
   padding: 0;
   margin: 0;
   padding-top: 15px;
   font-size: 14px;
   line-height: 30px
}

.newsbox_list li {
   line-height: 20px;
   padding-left: 5px;
   line-height: 30px;
   background: url(../images/nnn.gif) no-repeat 2px 13px;
   padding-left: 17px
}

#graybox {
   background: #615d5c;
   padding-top: 10px
}

#foot_wrap {
   background: #da251c;
   padding: 1% 10%;
   color: #bbbbbb;
}

#foot {
   width: 100%;
   padding-top: 10px;
}

#foot a {
   color: #bbbbbb
}

.company {
   text-align: center;
   font-size: 18px;
   color: #FFFFFF;
   line-height: 180%;
   padding-top: 15px;
   padding-bottom: 45px
}

.company span {
   font-size: 14px;
}

.contact_d {
   height: 80px;
   font-size: 14px;
   color: #FFFFFF
}

.contact_d img {
   padding-bottom: 10px;
   margin: 0 auto;
}

.contact_d_l {
   float: left;
   width: 25%;
   text-align: center;
   padding-bottom: 10px;
}

.padding30 {
   padding-top: 30px;
   padding-bottom: 30px
}

.padding15 {
   padding-top: 10px;
   padding-bottom: 10px
}

.padding20 {
   padding-top: 15px;
   padding-bottom: 35px
}

.padding10 {
   padding-top: 15px
}

.height20 {
   height: 20px
}

.copyright {
   line-height: 20px;
}

.copyright_a {
   float: left;
}

.copyright_b {
   float: right;
}

.leftline {
   border-left: 1px solid #999999;
}

.topline {
   border-top: 1px solid #e97c77;
}

.friendlink {
   text-align: left;
   line-height: 20px;
}

.homemenu {
   padding-top: 20px;
   padding-bottom: 5px;
   margin: 0 -5px
}

.homemenu li {
   float: left;
   height: 100px;
   width: 11.1%;
}

.homemenubox {
   padding: 0 5px;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   line-height: 100px;
}

.homemenu a {
   color: #454545;
   display: block;
   border: 1px solid #cccccc;
}

.homemenu a:hover {
   color: #ffffff;
   background: #da251c
}

.homemenu li.home {
   color: #ffffff;
   background: #da251c;
   border: 0
}

.homemenu li.home a {
   color: #ffffff;
   border: 0
}

.hzhb {
   padding-bottom: 20px
}

.hzhb li {
   float: left;
   width: 140px;
   text-align: center;
   padding-bottom: 10px
}

/*首页图片切换样式*/
#banner {
   clear: both;
   min-width: 1000px;
   background: #fff;
   width: 100%;
   margin: 0px auto 20px;
   overflow: hidden
}

.slider_img {
   display: block;
   text-align: center;
   height: 100%;
}

.slider_img img {
   display: inline-block !important;
   margin: 0px 0;
   max-width: 100%;
   width: auto;
   height: auto;
   display: block;
}

.wmuSlider {
   height: 100% !important;
   position: relative;
   overflow: hidden;
}

.bbdd {
   z-index: 2;
   position: absolute;
   bottom: 2%;
   margin: 0;
   padding: 0;
   width: 100%;
   text-align: center;
}

.bbdd li {
   margin: 0 8px 2px 0;
   list-style-type: none;
   display: inline-block;
}

.bbdd a {
   display: inline-block;
   text-indent: -9999px;
   width: 16px;
   height: 16px;
   background: url(../images/dot.png) no-repeat 0 -16px;
   display: block;
   border-radius: 16px;
   overflow: hidden
}

.bbdd a.wmuActive {
   background-position: 0 0;
}

.banner {
   width: 100%;
   text-align: center;
   margin: 0 auto;
   margin-bottom: 10px;
   background: #eee;
}

.banner img {
   min-width: 1000px;
   max-width: 100%;
}

.wmuSliderPrev,
.wmuSliderNext {
   width: 48px;
   height: 56px;
   line-height: 99em;
   overflow: hidden;
   margin: -35px 0 0;
   display: block;
   background: url(ad_ctr.png) no-repeat;
   position: absolute;
   top: 50%;
   z-index: 10;
   cursor: pointer;
   opacity: 0;
   filter: alpha(opacity=0);
   -webkit-transition: all .3s ease;
   border-radius: 35px;
}

.wmuSliderNext {
   background: url(//cdn.xuansiwei.com/youra4378/1652797255059/ri.png?x-oss-process=style/png_small) no-repeat;
   right: 0;
}

.wmuSliderPrev {
   background: url(//cdn.xuansiwei.com/youra4378/1652797259681/le.png?x-oss-process=style/png_small) no-repeat;
   left: 0;
}

.wmuSlider:hover .wmuSliderNext {
   opacity: 0.8;
   filter: alpha(opacity=25);
}

.wmuSlider:hover .wmuSliderPrev {
   opacity: 0.8;
   filter: alpha(opacity=25);
}

.wmuSlider:hover .wmuSliderNext:hover {
   background: url(//cdn.xuansiwei.com/youra4378/1652797553100/arrow_r_on.png?x-oss-process=style/png_small) no-repeat;
   opacity: 1;
   filter: alpha(opacity=50);
}

.wmuSlider:hover .wmuSliderPrev:hover {
   background: url(//cdn.xuansiwei.com/youra4378/1652797553042/arrow_l_on.png?x-oss-process=style/png_small) no-repeat;
   opacity: 1;
   filter: alpha(opacity=50);
}

/*左右简头图片*/
.hotp {
   height: 160px
}

.p_tu {
   height: auto;
   padding-top: 5px
}

.p_tu li {
   float: left;
   width: 14.28%;
   height: auto;
   border-bottom: 1px dashed #aaa;
   text-align: center
}

.p_tu p {
   padding: 35px 0 45px;
   font-size: 16px;
   text-align: center
}

/**导航菜单**/
#nav_wrap {
   border-top: 1px solid #dddddd;
   height: 55px
}

#nav_box {
   height: 45px;
   padding-right: 10%
}

#nav {
   width: 585px;
   float: right;
   height: 50px;
   padding-top: 25px
}

#nav li {
   width: 90px;
   float: left;
   line-height: 50px;
   font-size: 16px;
   text-align: right;
}

#nav a {
   color: #454545;
   display: block
}

#nav a:hover {
   color: #00A2E9
}

#nav .home {
   color: #00A2E9;
}

#nav .home a {
   color: #00A2E9;
}

#nav .home a:hover {
   color: #00A2E9;
}

/**内页**/
#mainnews {
   /* width: 1020px; */
   margin: 0px auto
}

#aboutbanner {
   width: 100%;
   height: auto
}

.wenhuatitle {
   color: #955942;
   font-size: 30px;
   line-height: 70px;
   padding-top: 20px;
   border-bottom: 1px dashed #a88274;
   text-align: center
}

.dreama {
   text-align: center;
   font-size: 24px;
   line-height: 190%;
   padding-bottom: 30px;
   padding-top: 30px;
   border-top: 1px dashed #aaa;
}

.dreama dt {
   padding-top: 15px;
   text-align: center;
   font-size: 14px;
   line-height: 26px
}

.no {
   border-top: 0px;
}

.fuwutitle {
   font-size: 30px;
   text-align: center;
   color: #333333;
   line-height: 50px;
   padding-top: 20px
}

.fuwutitle strong {
   font-size: 30px;
   color: #955942;
}

.fline {
   border-top: 1px dashed #a88274;
   margin-top: 20px
}

.liucheng {
   border-bottom: 1px dashed #a88274;
   height: 350px;
   padding-top: 25px
}

.liuchengbox {
   float: left;
   width: 203px;
   height: 310px;
}

.lctitle {
   text-align: center;
   font-size: 24px;
   font-weight: bold;
   line-height: 170%;
   color: #ffffff;
   padding-top: 25px
}

.lcfont {
   text-align: center;
   color: #000000;
   font-size: 16px;
   line-height: 170%;
   padding-top: 20px
}

.lcxx {
   text-align: left;
   font-size: 14px;
   line-height: 170%;
   color: #ffffff;
   padding-top: 20px;
   padding-left: 20px;
   padding-right: 20px
}

.leftjt {
   text-align: center;
   width: 56px;
   float: left;
   padding-top: 145px
}

.color1 {
   background: #b29e6f
}

.color2 {
   background: #cc9d56
}

.color3 {
   background: #c18557
}

.color4 {
   background: #98785b
}

.contactfont {
   font-size: 14px;
   line-height: 180%
}

.contactfont p {
   border-top: 1px #dddddd solid;
   padding-top: 15px;
   margin-top: 10px
}

#main_left {
   float: left;
   width: 225px;
   padding-top: 20px
}

.leftimg {
   text-align: center;
}

#main_right {
   float: right;
   width: 745px;
   padding-top: 20px
}

.xiaoyuanfont {
   border-bottom: 1px dashed #a88274;
   padding-bottom: 10px;
   line-height: 180%;
   font-size: 14px;
   color: #666666;
   padding-left: 12px;
   padding-right: 12px
}

.leftmenu {
   padding-top: 15px;
   padding-bottom: 15px;
}

.leftmenu li {
   background: url(../images/leftmenu.png) no-repeat center bottom;
   height: 62px;
   line-height: 60px;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   margin-top: 10px
}

.leftmenu a {
   color: #9c5d24;
   display: block
}

.leftmenu a:hover {
   color: #000000
}

.leftmenu li.home {
   color: #ffffff;
   background: url(../images/leftmenu.png) no-repeat center top;
}

.leftmenu li.home a {
   color: #ffffff
}

.leftlist {
   padding-top: 20px;
   padding-bottom: 30px
}

.leftlist li {
   border-bottom: 1px solid #cccccc;
   line-height: 36px;
}

.newscontent {
   padding-top: 10px;
   padding-bottom: 20px
}

.casecontent {
   padding-left: 10px;
   padding-bottom: 20px
}

.content {
   padding: 10px 0px 10px 0px
}

.context {
   border-top: 1px dashed #cccccc;
   padding-top: 10px;
   height: 54px;
   margin-bottom: 20px;
}

.context li {
   line-height: 26px;
   font-size: 14px;
}

.content {
   padding-bottom: 20px;
   padding-top: 10px;
   font-size: 14px;
   line-height: 170%
}

.newstitle {
   color: #9f551a;
   font-size: 20px;
   font-weight: bold;
   line-height: 30px
}

.newslist {
   padding-top: 5px;
}

.newslist li {
   border-bottom: 1px dashed #aaaaaa;
   font-size: 14px;
   line-height: 40px;
}

.newslist a {
   color: #333333;
}

.newslist .time {
   float: right;
   font-size: 12px;
}

.viewbox {
   font-size: 14px;
   text-align: left;
   color: #333333;
   line-height: 30px
}

.viewbox h2 {
   color: #9f551a;
   font-size: 24px;
   font-weight: normal;
   line-height: 40px
}

.content {
   font-size: 14px;
   line-height: 180%;
   padding-top: 10px;
   min-height: 450px
}

.content img {
   max-width: 100%;
   display: block;
   padding: 10px 0;
}

.caseviewbox {
   font-size: 14px;
   text-align: left;
   color: #333333;
   line-height: 24px;
   padding-left: 20px
}

.caseviewbox h2 {
   color: #9f551a;
   font-size: 20px;
   font-weight: normal;
   line-height: 30px
}

.caseviewbox dt {
   padding-top: 5px;
   padding-bottom: 5px;
   font-weight: bold;
}

.caseview {
   padding-top: 20px;
   line-height: 180%;
   font-size: 16px;
   width: 800px;
   margin: 0px auto;
   padding-bottom: 30px
}

.caseview img {
   display: block;
   padding-bottom: 15px;
   max-width: 100%;
}

.listcontent {
   padding-top: 15px;
   /* padding-left: 263px */
}

.linkBtnbox {
   height: 90px;
   padding-left: 280px;
   padding-top: 30px;
}

.homeBtnbox {
   height: 55px;
   width: 220px;
   margin: 0px auto;
   padding-top: 20px;
}

.linkBtn {
   background-image: url(../images/rightIcon.png);
   background-repeat: no-repeat;
   background-size: 36px auto;
   background-position: 180px center;
   width: 240px;
   height: 50px;
   line-height: 50px;
   text-align: left;
   border: 1px solid #9f551a;
   color: #9f551a;
   font-size: 18px;
}

.linkBtn {
   transition-duration: .5s;
   -ms-transition-duration: .5s;
   -moz-transition-duration: .5s;
   -webkit-transition-duration: .5s;
}

.linkBtn span {
   margin-left: 55px;
}

.linkBtn:hover {
   color: #fff;
   background-color: #9f551a;
   background-image: url(../images/rightIconOn.png);
}

/**按钮**/
.btn02 {
   width: 120px;
   height: 40px;
   background: #ff4400;
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   line-height: 40px;
   cursor: pointer;
   border: 0;
   margin: 0;
   padding: 0;
   text-align: center;
}

.btn04 {
   width: 120px;
   height: 40px;
   background: #00A2E9;
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   cursor: pointer;
   line-height: 40px;
   border: 0;
   margin: 0;
   padding: 0;
   text-align: center;
}

/*客服*/
.izl-rmenu {
   position: fixed;
   right: 0;
   margin-right: 0px;
   bottom: 0px;
   padding-bottom: 0px;
   background: url(../images/r_b.png) 0px bottom no-repeat;
   z-index: 999;
}

.izl-rmenu .btn {
   width: 50px;
   height: 50px;
   margin-bottom: 1px;
   cursor: pointer;
   position: relative;
}

.izl-rmenu .btn-qq {
   background: url(../images/r_qq.png) 0px 0px no-repeat;
   background-color: #e00000;
}

.izl-rmenu .btn-qq:hover {
   background-color: #00A2E9;
}

.izl-rmenu a.btn-qq,
.izl-rmenu a.btn-qq:visited {
   background: url(../images/r_qq.png) 0px 0px no-repeat;
   background-color: #e00000;
   text-decoration: none;
   display: block;
}

.izl-rmenu .btn-wx {
   background: url(../images/r_wx.png) 0px 0px no-repeat;
   background-color: #e00000;
}

.izl-rmenu .btn-wx:hover {
   background-color: #00A2E9;
}

.izl-rmenu .btn-wx .pic {
   position: absolute;
   left: -130px;
   top: 0px;
   display: none;
   width: 130px;
   height: 130px;
}

.izl-rmenu .btn-wx .pic img {
   width: 130px;
   height: 130px;
   border: 0;
   max-width: auto;
}

.izl-rmenu .btn-phone {
   background: url(../images/r_phone.png) 0px 0px no-repeat;
   background-color: #e00000;
}

.izl-rmenu .btn-phone:hover {
   background-color: #00A2E9;
}

.izl-rmenu .btn-phone .phone {
   background-color: #00A2E9;
   position: absolute;
   width: 130px;
   left: -130px;
   top: 0px;
   line-height: 50px;
   color: #FFF;
   font-size: 14px;
   text-align: center;
   display: none;
}

.izl-rmenu .btn-top {
   background: url(../images/r_top.png) 0px 0px no-repeat;
   background-color: #666666;
   display: none;
}

.izl-rmenu .btn-top:hover {
   background-color: #444;
}

/*19.3新增*/
.banner1 {
   width: 100%;
   background: url(../images/middle02.jpg) no-repeat center center;
   text-align: center;
   color: #fff;
   height: 140px;
   padding-top: 90px;
   letter-spacing: 2px;
   font-size: 30px;
   font-weight: bold;
}

.banner2 {
   width: 100%;
   background: url(../images/middle.jpg) no-repeat center center;
   text-align: center;
   color: #fff;
   height: 140px;
   padding-top: 90px;
   letter-spacing: 2px;
   font-size: 30px;
   font-weight: bold;
}

.banner3 {
   width: 100%;
   background: url(../images/down.jpg) no-repeat center center;
   text-align: center;
   color: #fff;
   height: 140px;
   padding-top: 90px;
   letter-spacing: 2px;
   font-size: 30px;
   font-weight: bold;
}

.banner1 span,
.banner2 span,
.banner3 span {
   display: block;
   font-size: 16px;
   font-weight: normal;
   letter-spacing: normal;
   padding-top: 20px
}

#idx_case {
   background-position: center top;
   background-repeat: no-repeat;
   background-size: cover;
   padding-bottom: 50px;
}

#idx_case .container {
   position: relative;
}

#idx_case {
   padding-top: 40px;
}

#idx_case .case_swiper {
   overflow: hidden;
   padding-bottom: 30px;
   padding-top: 30px
}

#idx_case .swiper-slide .part+.part {
   margin-top: 20px;
}

#idx_case p {
   text-align: center;
   font-size: 16px;
   padding-top: 30px
}

#idx_case .swiper-slide .part {
   position: relative;
   width: 100%;
   overflow: hidden;
}

#idx_case .swiper-slide .part a {
   display: block;
}

#idx_case .swiper-slide .part:hover .text {
   bottom: 0;
}

#idx_case .swiper-slide .part:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
}

#idx_case .swiper-slide .part img {
   width: auto;
   -webkit-transition: all .25s;
   -moz-transition: all .25s;
   -ms-transition: all .25s;
   -o-transition: all .25s;
   transition: all .25s;
}

#idx_case .swiper-button-prev,
#idx_case .swiper-button-next {
   top: 52%;
}

#idx_case .swiper-pagination {
   bottom: 0;
}

#idx_case .swiper-pagination .swiper-pagination-bullet {
   width: 12px;
   height: 12px;
   background: #999;
   opacity: 1;
}

#idx_case .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: #339967;
   opacity: 1;
}