﻿@charset "utf-8";
html{min-width:1200px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei",'宋体','PingFang SC','Myriad Pro',"AvantGarde Bk BT","Arial",'Helvetica Neue', 'Helvetica', 'sans-serif'; color: #333333;}
h1,h2,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.icon1 {
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
.ico{background: url(../images/ico.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #333333; text-decoration: none;}
a:hover{color:#e02f36; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,
.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #fff;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #fff;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}


.top_main{height:40px;line-height:40px;border-bottom:1px solid #4f3026;}
.top_main .top_l{font-size:12px;color:#fff0c2;}
.top_main .top_r{float:right;}
.top_main li{position: relative; float:left;display: inline-block; *display: block; *zoom: 1; text-align: center;}
.top_main li a{font-size:12px;color:#fff0c2;cursor: pointer;}

.top_main .top_r .line{margin-top:18px;padding:0 12px;display:block;width:5px;height:5px;background:url("../images/tpoint.png") no-repeat center center;background-size:5px 5px;}
.top_main .top_r a:hover{color:#e02f36;}

/*header_main*/
.header_main{position: relative;width:100%; z-index: 12;}
.header_main .topMain{width:100%;height:120px;background:url("../images/topBg.jpg") no-repeat center center;background-size:100% 120px;}
.header_main .top{padding-top:40px;}
.header_main .webLogo{display:block;}
.header_main .logo{display: block;width:150px;height:57px;}
.header_main .slogan{margin-left:26px;display: block;width:582px;height:50px;vertical-align: middle;}
.header_main .tel_main{padding-left:64px;float:right;width:auto;background:url("../images/tel.png") no-repeat left center;background-size:45px 45px;}
.header_main .tel_main .zx{font-size:16px;line-height:18px;color:#ffd800;}
.header_main .tel_main .webTel{margin-top:8px;font-weight:bold;font-size:26px;line-height:26px;color:#ffd800;}

/*nav*/
.nav_main{width: 100%;background:url("../images/nav.jpg") no-repeat center center;background-size:100% 80px;}
.nav_main .nav{position:relative;height:80px;line-height: 80px;}
.nav_main .nav li{float: left; display: block;list-style: none; text-align: center; position: relative; }
.nav_main .nav li a{display: block; padding:0 29px;font-size:14px;text-align: center; position: relative; color: #fff;font-family:"宋体";}
.nav_main .nav li:first-child a{padding-left: 0;}
.nav_main .nav li.it10 a{padding-right:0;}
.nav_main .nav li .subnav{background: #c21d24; border-top: 4px solid #e02f36; height: auto; left: 0; overflow: hidden; position: absolute; top: 76px; width: 100%; z-index: 199; display: none;}
.nav_main .nav li .subnav a{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #fff; display: block; font-size: 16px; font-weight: normal; line-height:24px; height: 24px; padding: 10px; transition: all 0.2s ease-in-out 0s; max-width: 100%; border-top: 1px solid #ce4a50; background: #c21d24;}
.nav_main .nav li .subnav a:first-child{border-top:none;}
.nav_main .nav li .subnav a:hover{color: #e02f36; padding-left: 14px; background: #f9f9f9;}
.nav_main .nav li.hover a,
.nav_main .nav li:hover a{color: #ffd800; font-weight: bold;}
.nav_main .nav li.hover .subnav a,
.nav_main .nav li:hover .subnav a{font-weight: normal; color: #fff;}
.nav_main .nav li.hover .subnav a:hover,
.nav_main .nav li:hover .subnav a:hover{color: #e02f36;}
.nav_main .xcx .xcxIco{position:absolute;right:-80px;top:22px;display:block;width:40px;height:40px;font-size:0;background:url("../images/xcxIco.png") no-repeat center center;}
.nav_main .xcx .imgbox{width: 180px; position: absolute; background: #fcd657; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; color: #fff; padding: 10px; top: 80px; right: -160px; display: none;z-index:99;}
.nav_main .xcx .imgbox img{width: 160px; height: 160px; display: block; margin: 0 auto;}
.nav_main .xcx .imgbox span{display:block;font-size:16px;line-height:40px;color:#000;}
.nav_main .xcx:hover a{color:#e02f36;}

/* banner */
#banner_main{overflow:hidden;z-index: 2;max-width:1920px;margin:0 auto;}
/* #banner_main .banner {position: relative;width:100%;height:800px;margin:0 auto;min-width:1200px;} */
/* #banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;} */
/* #banner, .banner ul{max-height:800px; overflow:hidden;} */
/* .banner li {width:100%;position:absolute;z-index:1;overflow:hidden;display: none;} */
/* .banner li:first-child{display:block;} */
/* .banner li img{width:1920px;height:800px;display:block;position:relative;left:50%;margin-left:-960px;top:0;min-width:1200px;} */
#banner{width: 100%; min-width: 1000px; padding-top:40.6%; position: relative; overflow: hidden; *padding: 0 0 41.6%; *zoom: 1;}
#banner .list{width: 100%; display:inline-block;}
#banner li{width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; background: #fff;}
#banner li img{width: 100%; height: 100%; display: block; position: relative; left: 0; top: 0;}
#banner li a{width: 100%; display: block; height: 100%;}
#banner .tip {width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:50px;z-index:13; }
#banner .tip span{width:50px;height:3px;margin:0 5px;display:inline-block;font-size: 0;cursor: pointer;background:#fff;}
#banner .tip span.cur{background:#c21d24;}
#banner #btn_prev{width: 36px;height: 80px;position: absolute;z-index: 12;top: 50%;margin-top: -40px;background: url(../images/banner-ico.png) no-repeat 6px 4px;cursor: pointer;margin-left: 4%;}
#banner #btn_next{width: 36px;height: 80px;position: absolute;z-index: 12;top: 50%;margin-top: -40px;background: url(../images/banner-ico.png) no-repeat -84px 4px;cursor: pointer;margin-right: 4%;}
#banner #btn_prev:hover,
#banner #btn_next:hover{opacity: 0.8;}
#banner #btn_prev{left: 50px; border-bottom-right-radius: 5px; border-top-right-radius: 5px;}
#banner #btn_next{right: 50px; border-bottom-left-radius: 5px; border-top-left-radius: 5px;}
/*banner end*/

/*footer*/
.footerM{position:relative;width:100%;height:470px;background:#161515;}
.footerM .footer{padding-top:70px;}
.footerM .fLink{float:left;}
.footerM .fLink .bLogo{display:block;width:150px;height:57px;overflow:hidden;}
.footerM .fLink .bLogo img{display:block;width:150px;height:57px;}
.footerM .fLink .time{margin-top:40px;font-size:14px;line-height:14px;color:#fff;}
.footerM .select{margin-top:20px;position:relative;display:block;width:128px;height:33px;line-height:33px;border:1px solid #f5d147;}
.footerM .select .stxt{font-size:14px;line-height:33px;text-indent:20px;color:#f5d147;cursor: pointer;}
.footerM .select i{position:absolute;right:20px;top:15px;width:9px;height:5px;background:url("../images/arrb.png") no-repeat center center;}
.footerM .select .subselectlist{position:absolute;bottom:34px;left:-1px;width:128px;line-height:33px;border:1px solid #f5d147;border-bottom:none;z-index:99;display:none;background:#c21d24;}
.footerM .select .subselectlist li{height:33px;font-size:14px;line-height:33px;text-align:center;border-bottom: 1px solid #ce4a50;}
.footerM .select .subselectlist li:first-child{border-bottom:none;}
.footerM .select .subselectlist li a{color:#fff;}
.footerM .btnav{float:left;width:306px;background:url("../images/bLine.png") no-repeat left top;backgrounds-size:1px 180px;}
.footerM .ctit{margin-top:-8px;margin-left:64px;display:block;width:102px;height:44px;font-size:14px;line-height:36px;text-indent:14px;color:#fff;background:url("../images/bs.png") no-repeat center center;}
.footerM .btnav .list{margin-top:14px;}
.footerM .btnav li{padding-left:16px;margin-left:60px;margin-bottom:12px;float:left;font-size:12px;line-height:16px;color:#999;background:url("../images/arr.png") no-repeat left center;background-size:5px 6px;}
.footerM .btnav li a{color:#999;}
.footerM .btnav li:hover a{color:#fff;}
.footerM .contact{float:left;width:320px;background:url("../images/bLine.png") no-repeat left top;backgrounds-size:1px 180px;}
.footerM .contact .clist{margin-left:64px;}
.footerM .contact .clist p{font-size:12px;line-height:30px;color:#999;}
.footerM .contact .clist p span{margin-right:6px;}
.footerM .qcode{float:right;}
.footerM .qcode .qimg{width: 112px;height: 150px;float: left;}
.footerM .qcode .qimg:first-child{margin-right: 12px;}
.footerM .qcode .qimg {float: left;height: 120px;width: 120px;}
.footerM .qcode .qimg  img{display:block;height: 110px;width:110px;margin: 0 auto;border:1px solid #d6d6d6;}
.footerM .qcode .qimg .tit{font-size: 12px;color: #999;height: 40px;line-height: 40px;text-align: center;}
.footerM .ftTel{margin-top:80px;height:50px;background:url("../images/btline.png") no-repeat center center;}
.footerM .ftTel .webTel{display:block;width:300px;height:50px;margin:0 auto;font-size:30px;line-height:50px;text-align:center;text-indent:40px;color:#fffefe;background:url("../images/tel2.png") no-repeat 36px center #c21d24;border-radius:25px;}
.copyright{position:absolute;bottom:0;left:50%;margin-left:-600px;height: 90px;line-height: 90px;color:#999;font-size: 12px;}
.copyright a{color:#999;}
.copyright a:hover{color:#c21d24;}

/********.toolbar*********/
.toolbar{width: 52px; position: fixed; right: 2%; top: 44%; z-index: 999;}
.toolbar dd{width: 51px;height: 51px;margin-bottom: 1px;position: relative;border: #fff solid 1px;-webkit-border-radius: 100%;border-radius: 100%;margin-top:4px;background-color: #fff;}
.toolbar dd i{width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;}
.toolbar dd i span{width: 35px; height: 35px; display: block; margin: 9px 0 0 8px; *margin: 7px 0 0 0; background: url(../images/rightFixIcon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block; width: 0; height: 52px; line-height: 52px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden;}
.toolbar .pop{position: absolute; right: 90px; top: -65px; background: #c21d24; display: none;}
.toolbar .pop-code{width: 120px; padding: 20px 20px 0;}
.toolbar .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar .pop-code h3{height: 52px; line-height: 52px; text-align: center; color: #f5d147; font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar .qq span{background-position: 0px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color:#c21d24; border-radius: 100%;}
.toolbar .qq:hover span{background-position: -36px -47px; }
.toolbar .tel span{background-position: -2px 0;}
.toolbar .tel:hover{background: #c21d24;}
.toolbar .tel:hover span{background-position: -36px 0;}
.toolbar .code span{background-position: 0px -95px;}
.toolbar .code:hover{ background-color:#c21d24;  border-radius: 100%;}
.toolbar .code:hover span{background-position:-36px -95px;}
.toolbar .top span{background-position: 0px -142px;}
.toolbar .top:hover{ background-color:#c21d24;  border-radius: 100%;}
.toolbar .top:hover span{background-position: -36px -142px; }
.toolbar dd:hover{ border:#c21d24 solid 1px;}
.toolbar .xcx span{background-position: 0px -178px;}
.toolbar .xcx:hover{ background-color:#c21d24;  border-radius: 100%;}
.toolbar .xcx:hover span{background-position:-37px -178px;}

.formData {
  padding-bottom: 20px;
}
.formData .item {
  float: left;
  color: #999;
  font-weight: normal;
  width: 388px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #e5e5e5;
  margin-right: 32px;
  margin-bottom: 20px;
  position: relative;
}
.formData .item label {
  padding-left: 15px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  text-align: center;
  display: block;
  margin: 0;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #cccccc;
}
.formData .item input {
  outline: none;
  line-height: 35px;
  height: 35px;
  font-size: 14px;
}
.formData .item .txt {
  width: 328px;
  height: 35px;
  line-height: 35px;
  display: block;
  background: none;
  padding-left: 50px;
  border: 0 none;
  color: #333;
  font-size: 14px;
}
.formData .item .red {
  position: absolute;
  right: 15px;
  top: 0;
  color: #ff0000;
  z-index: 11;
}
.formData .item.mr0 {
  margin-right: 0;
}
.formData .msg-box {
  position: absolute;
  left: 0;
  top: -30px;
}
.formData .liuyan {
  width: 810px;
  height: 180px;
  border: 1px solid #e5e5e5;
  float: left;
}
.formData .liuyan label {
  text-align: right;
  top: 5px;
  display: block;
}
.formData .liuyan textarea {
  width: 790px;
  height: 164px;
  line-height: 28px;
  padding: 8px 10px;
  text-indent: 42px;
  font-size: 14px;
  font-family: "microsoft yahei";
  color: #333;
  border: 0 none;
  overflow: hidden;
  background: none;
  resize: none;
  display: block;
  outline: none;
}
.formData .bot {
  width: 100%;
  float: left;
}
.formData .sub {
  width: 232px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #b61b21;
  color: #FFF;
  cursor: pointer;
  font-size: 18px;
  display: block;
  transition: all ease 300ms;
  margin: 0 auto;
}
.formData .sub:hover {
  background: #f95927;
  color: #fff;
}
.formData .yzm {
  width: 432px;
}
.formData .yzm .txt {
  padding-left: 80px;
}
.formData .yzm img {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  border: 0px;
  display: block;
}

/*******index css*******/
.index{background:#fff;}

/*快捷搜索*/
.index .floor1Main{height:1125px;background:url("../images/proBg.jpg") no-repeat center center;}
.index .floor_0{padding-top:50px;}
.index .floor_0_1{float:left;width:400px;}
.index .floor_0_1 .quick{float:left;display:block;width:99px;height:40px;font-size:16px;line-height:40px;text-align:center;color:#fff;background:#c21d24;}
.index .floor_0_1 .search{float:left;width:298px;height:38px;border:1px solid #c21d24;}
.index .floor_0_1 .search .stxt{float:left;width:230px;height:38px;font-size:14px;line-height:38px;text-indent:16px;border:none;color:#fff;outline:none;}
.index .floor_0_1 .search .sbtn{float:left;width:68px;height:38px;background:url("../images/search-ico.png") no-repeat center center;outline:none;cursor:pointer;}
.index .floor_0_2{float:right;height:40px;line-height:40px;color:#fff;}
.index .floor_0_2 b{float:left;font-size:15px;}
.index .floor_0_2 p{float:left;}
.index .floor_0_2 p a{margin-left:20px;font-size:15px;color:#fff;}
.index .floor_0_2 p a:first-child{margin-left:10px;}
.index .floor_0_2 p a:hover{color:#c21d24;}

/*产品*/
.index .floor_1 .prolist{margin-top:90px;}
.index .floor_1 .list{width:106%;}
.index .floor_1 li{float:left;display:block;width:278px;margin-right:30px;margin-bottom:36px;}
.index .floor_1 li a{display:block;}
.index .floor_1 li .img{position:relative;width:278px;height:278px;overflow: hidden;background:url("../images/proliBg.png") no-repeat center center;display:table-cell;vertical-align:middle;text-align:center;}
.index .floor_1 li img{display:inline-block;width:180px;}
.index .floor_1 li h3{font-size:18px;line-height:60px;text-align:center;color:#fcd657;}
.index .floor_1 li:hover h3{color:#c21d24;}

/*产品中心*/
.index .floor_2{height:902px;background:url("../images/procenterBg.jpg") no-repeat center center;background-size:100% 902px;}
.index .floor_2 .w1200{position:relative;}
.index .floor_2 .indexTit{padding-top:80px;}
.index .floor_2 .indexTit .tit{display:block;width:362px;height:105px;margin:0 auto;background:url("../images/protit.png") no-repeat center center;}
.index .floor_2 .pic-scroll{margin-top:76px;position:relative;}
.index .floor_2 .pic-scroll .bd{position:relative;overflow:hidden;}
.index .floor_2 .pic-scroll li .txt{float:left;width:410px;}
.index .floor_2 .pic-scroll li .tit{font-family:"宋体";font-size:45px;line-height:45px;color:#ffdd3e;}
.index .floor_2 .pic-scroll li .en{margin-top:18px;font-size:14px;line-height:14px;color:#fff;text-transform: uppercase;}
.index .floor_2 .pic-scroll li .line{margin-top:50px;display:block;width:410px;height:4px;background:url("../images/proline.png") no-repeat center center;background-size:410px 4px;}
.index .floor_2 .pic-scroll li .desc{margin-top:50px;font-size:16px;line-height:30px;text-align:justify;color:#fff;}
.index .floor_2 .pic-scroll li .img{float:right;}
.index .floor_2 .pic-scroll .hd{position:absolute;left:0;bottom:170px;}
.index .floor_2 .pic-scroll .hd .prev,.index .floor_2 .pic-scroll .hd .next{float:left;display:block;width:32px;height:32px;cursor:pointer;}
.index .floor_2 .pic-scroll .hd .prev{margin-right:18px;background-position:-110px 0;}
.index .floor_2 .pic-scroll .hd .next{background-position:-144px 0;}
.index .floor_2 .pic-scroll .hd .prev:hover{background-position:-110px -34px;}
.index .floor_2 .pic-scroll .hd .next:hover{background-position:-144px -34px;}
.index .floor_2 .more{position:absolute;bottom:230px;display:block;width:160px;height:40px;font-size:16px;line-height:40px;text-align:center;color:#d52c32;background:url("../images/more.png") no-repeat center center;background-size:160px 40px;transition:all ease 600ms;}
.index .floor_2 .more:hover{color:#ffdd3e;text-indent:6px;transition:all ease 600ms;}

/*四大优势*/
.index .floor_3{height:1330px;background:url("../images/advant.png") no-repeat center center;}
.index .floor_3 .indexTit2{padding-top:90px;}
.index .floor_3 .indexTit2 .tit{display:block;width:304px;height:105px;margin:0 auto;background:url("../images/adtit.png") no-repeat center center;}
.index .floor_3 .iadvant{margin-top:70px;position:relative;height:960px;}
.index .floor_3 .iadvant .list{position:relative;z-index:12;}
.index .floor_3 .iadvant li{cursor:pointer;transition:all ease 600ms;}
.index .floor_3 .iadvant .txt{width:550px;transition:all ease 600ms;}
.index .floor_3 .iadvant .tit{font-size:30px;color:#ffd800;height:64px;line-height:64px;}
.index .floor_3 .iadvant .tit em{margin-right:12px;float:left;display:block;width:68px;height:64px;background:url("../images/num-1.png") no-repeat center center;}
.index .floor_3 .iadvant p{margin-left:20px;margin-top:30px;width:530px;font-size:16px;line-height:30px;color:#fff;}
.index .floor_3 .ad2 .tit em{background:url("../images/num-2.png") no-repeat center center;}
.index .floor_3 .ad3 .tit em{background:url("../images/num-3.png") no-repeat center center;}
.index .floor_3 .ad4 .tit em{background:url("../images/num-4.png") no-repeat center center;}
.index .floor_3 .ad1{margin-bottom:50px;z-index:2;}
.index .floor_3 .ad1 .img{float:left;display:block;width:540px;height:360px;z-index:2;}
.index .floor_3 .ad1 img{display:block;width:540px;height:360px;}
.index .floor_3 .ad1 .txt{float:right;}
.index .floor_3 .ad2{margin-bottom:50px;z-index:3;}
.index .floor_3 .ad2 .img{float:left;display:block;width:300px;height:200px;margin-left:300px;margin-top:-160px;z-index:3;}
.index .floor_3 .ad2 img{display:block;width:300px;height:200px;}
.index .floor_3 .ad2 .txt{float:right;margin-top:-130px;}
.index .floor_3 .ad3{z-index:2;}
.index .floor_3 .ad3 .img{margin-right:260px;float:right;display:block;width:350px;height:250px;z-index:2;}
.index .floor_3 .ad3 img{display:block;width:350px;height:250px;}
.index .floor_3 .ad3 .txt{float:left;}
.index .floor_3 .ad4{z-index:3;}
.index .floor_3 .ad4 .img{margin-top:-90px;float:right;display:block;width:400px;height:275px;z-index:3;}
.index .floor_3 .ad4 img{display:block;width:400px;height:275px;}
.index .floor_3 .ad4 .txt{float:left;margin-top:-12px;}
.index .floor_3 .iadvant li:hover .txt{transform: translateY(-6px);transition:all ease 600ms;}
.index .floor_3 .yunl{position:absolute;left:-190px;top:30px;display:block;width:219px;height:351px;background:url("../images/yunl.png") no-repeat center center;z-index:1;}
.index .floor_3 .yunr{position:absolute;right:-175px;bottom:0;display:block;width:185px;height:331px;background:url("../images/yunr.png") no-repeat center center;z-index:1;}
.index .floor_3 .ad4 p{margin-top:6px;}

/*广告*/
.index .floor_4{height:300px;background:url("../images/aBg.jpg") no-repeat center center;background-size:100% 300px;}
.index .floor_4 .left{float:left;}
.index .floor_4 .left .topTit{padding-top:60px;}
.index .floor_4 .left .topTit img{display:block;width:589px;height:55px;}
.index .floor_4 .list{margin-top:30px;}
.index .floor_4 .list img{margin-left:40px;float:left;display:block;width:120px;height:120px;}
.index .floor_4 .list img:first-child{margin-left:0;}
.index .floor_4 .middle{padding-top:60px;float:left;margin-left:80px;}
.index .floor_4 .middle img{display:block;width:125px;height:125px;}
.index .floor_4 .middle span{margin-top:20px;display:block;font-family:"宋体";font-size:18px;line-height:26px;text-align:center;color:#fff;}
.index .floor_4 .right{padding-top:30px;float:right;}
.index .floor_4 .right img{display:block;width:285px;height:248px;}

/*新闻中心*/
.index .floor_5{height:990px;background:url("../images/newsBg.jpg") no-repeat center center;background-size:100% 990px;}
.index .floor_5 .indexTit3{padding-top:80px;}
.index .floor_5 .indexTit3 .tit{display:block;width:364px;height:105px;margin:0 auto;background:url("../images/newtit.png") no-repeat center center;}
.index .floor_5 .newsBox{margin-top:60px;}
.index .floor_5 .newsPic{float:left;width:550px;}
.index .floor_5 .newstop{position:relative;}
.index .floor_5 .newstop li{float:left;width: 550px;}
.index .floor_5 .newstop li a{display:block;}
.index .floor_5 .newstop li .img{display:block;width:550px;height:412px;}
.index .floor_5 .newstop li h3{height:60px;font-size:16px;line-height:60px;color:#fff;}
.index .floor_5 .newstop li:hover .img{filter:brightness(106%);-webkit-filter:brightness(106%);}
.index .floor_5 .newstop li:hover h3{color:#ffdd3e;}
.index .floor_5 .newstop .hd{position:absolute;bottom: 24px;right:0;}
.index .floor_5 .newstop .hd li{float:left;margin-left:16px;display:block;width:14px;height:14px;font-size:0;background:#ffdd3e;border-radius:100%;cursor:pointer;}
.index .floor_5 .newstop .hd li.on{background:#000;}
.index .floor_5 .newsbottom li{float:left;width:260px;transition: all ease 600ms;}
.index .floor_5 .newsbottom li:first-child{margin-right:30px;}
.index .floor_5 .newsbottom li .img{display:block;width:260px;height:195px;}
.index .floor_5 .newsbottom li h3{height:40px;font-size:14px;line-height:40px;text-align:center;color:#fff;}
.index .floor_5 .newsbottom li:hover{transform: translateY(-6px);transition: all ease 600ms;}
.index .floor_5 .newsbottom li:hover .img{filter:brightness(106%);-webkit-filter:brightness(106%);}
.index .floor_5 .newsbottom li:hover h3{color:#ffdd3e;}
.index .floor_5 .newsList{float:right;display:block;width:600px;height:666px;background:url("../images/newLiBg.png") repeat center center;}
.index .floor_5 .newsList .list{margin-top:4px;}
.index .floor_5 .newsList li{display:block;min-height:150px;width:528px;margin:0 auto;background:url("../images/line.png") no-repeat bottom center;background-size:528px 1px;}
.index .floor_5 .newsList li a{padding:36px 0;display:block;}
.index .floor_5 .newsList li .time{float:left;display:block;width:80px;height:80px;background:url("../images/frame.png") no-repeat center center;transition:all ease 600ms;}
.index .floor_5 .newsList li .time .day{padding-top:16px;font-size:38px;line-height:30px;text-align:center;color:#c21d24;}
.index .floor_5 .newsList li .time .year{padding-top:10px;font-size:12px;line-height:12px;text-align:center;color:#c21d24;}
.index .floor_5 .newsList li .txt{float:right;width:430px;}
.index .floor_5 .newsList li .txt .tit{font-size:16px;line-height:16px;color:#000;}
.index .floor_5 .newsList li .txt .desc{margin-top:12px;font-size:12px;line-height:26px;color:#333;}
.index .floor_5 .newsList li:hover .time{background:url("../images/frame_h.png") no-repeat center center;transition:all ease 600ms;}
.index .floor_5 .newsList li:hover .time .day{color:#fff;}
.index .floor_5 .newsList li:hover .time .year{color:#fff;}
.index .floor_5 .newsList li:hover .tit{color:#d52d33;}

/*走进我们*/
.index .floor_6{height:830px;background:url("../images/aboutBg.jpg") no-repeat center center;}
.index .floor_6 .indexTit4{padding-top:70px;}
.index .floor_6 .indexTit4 .tit{display:block;width:364px;height:105px;margin:0 auto;background:url("../images/atit.png") no-repeat center center;background-size:364px 105px;}
.index .floor_6 .about .atit{margin-top:60px;font-family: "宋体";font-size:24px;text-align:center;color:#ffd800;}
.index .floor_6 .about .acont{margin-top:40px;font-size:14px;line-height:30px;text-align:center;color:#fff;}
.index .floor_6 .about .aimg{margin-top:66px;display:block;width:1198px;height:238px;border:1px solid #907b0f;transition:all ease 600ms;}
.index .floor_6 .about .aimg img{display:block;width:1180px;height:220px;margin:0 auto;margin-top:10px;}
.index .floor_6 .about .aimg:hover{transform: translateY(-6px);transition:all ease 600ms;}
.index .floor_6 .about .aimg:hover img{filter:brightness(110%);-webkit-filter:brightness(110%);}

/*酿酒基地*/
.index .floor_7{height:1030px;background:url("../images/baseBg.jpg") no-repeat center center;background-size:100% 1030px;}
.index .floor_7 .indexTit5{padding-top:70px;}
.index .floor_7 .indexTit5 .tit{display:block;width:364px;height:105px;margin:0 auto;background:url("../images/basetit.png") no-repeat center center;}
.index .floor_7 .baseList{margin-top:60px;}
.index .floor_7 .baseList .list{width:106%;}
.index .floor_7 .baseList li{float:left;width:380px;margin-right:30px;transition:all ease 600ms;}
.index .floor_7 .baseList li a{display:block;}
.index .floor_7 .baseList li .img{display:block;width:380px;height:282px;}
.index .floor_7 .baseList li h3{font-size:18px;line-height:70px;text-align:center;color:#fff;}
.index .floor_7 .baseList li:hover{transform:translateY(-6px);transition:all ease 600ms;}
.index .floor_7 .baseList li:hover .tit{color:#ffdd3e;}
.index .floor_7 .baseList li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}


/* pager */
.pager{padding: 30px 0 0px; text-align: center;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager{*zoom: 1;}
.pager p{height: 26px; line-height: 26px; float: left; display: none;}
.pager ul{overflow: hidden; margin: 0 auto; text-align: center;}
.pager ul li{padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline; zoom: 1;}
.pager ul a{margin: 0 3px; padding: 0 13px; height: 34px; line-height: 34px; text-decoration: none; float: left; background: #fff;border:1px solid #e5e5e5;border-radius:3px;}
.pager ul a.current{background-color: #0195df; color: #fff;border-color:#0195df;}
.pager ul a.current:hover{background-color: #0195df; color: #fff;border-color:#0195df;}
.pager ul a:hover{background: #0195df; color: #fff;border-color:#0195df;}

/* reLink */
.reLink{height: 48px; line-height: 48px; padding: 0 15px; border: 1px solid #dddddd;}
.reLink .nextLink,
.reLink .prevLink{width: 50%; color: #666;}
.reLink .nextLink{text-align: right;}
.reLink a{/*display: block;*/ -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.reLink a:hover{color: #3426ad;}
/***********top and bottom css end***********/
.indexMore {
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #b61b21;
  color: #333;
  display: block;
  margin: 0 auto;
  border-radius: 25px;
  transition: all ease 300ms;
}
.indexMore:hover {
  background: #b61b21;
  color: #fff;
}
.indexTit1 {
  text-align: center;
  width: 100%;
  height: 110px;
  background: url(../images/itit1bg.png) no-repeat center top;
}
.indexTit1 h3 {
  font-size: 30px;
  padding-top: 51px;
  font-weight: bold;
  color: #f95927;
}
.indexTit1 h3 s {
  width: 62px;
  height: 30px;
  margin: 0 22px;
  vertical-align: top;
  background-position: -78px -37px;
}
.indexTit1 h3 s:first-child {
  background-position: 0 -37px;
}
.indexTit2 {
  text-align: center;
  width: 100%;
  /* padding: 76px 0 60px; */
}
.indexTit2 h3 {
  font-weight: bold;
  font-size: 45px;
  color: #333333;
  line-height: 50px;
  margin-bottom: 5px;
}
.indexTit2 strong {
  display: inline-block;
  vertical-align: middle;
}
.indexTit2 span {
  display: inline-block;
  vertical-align: middle;
}
.indexTit2 span.num {
  color: #ffe825;
  font-size: 74px;
  font-weight: bold;
  line-height: 74px;
  margin: 0 10px 0 12px;
  font-family: arial;
  padding-top: 5px;
}
.indexTit2 span.t {
  color: #b61b21;
  font-weight: bold;
  line-height: 74px;
}
.indexTit2 span.en {
  width: 265px;
  padding-top: 14px;
  text-align: right;
  font-size: 20px;
  color: #666;
  font-family: arial;
  text-transform: uppercase;
  line-height: 28px;
}
/*prolist*/
.prolist .item {
  width: 278px;
  float: left;
  margin: 0 26px 26px 0;
  position: relative;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 6px;
  transition: all ease 300ms;
  overflow: hidden;
}
.prolist .item a {
  display: block;
  width: 100%;
}
.prolist .item img {
  width: 278px;
  height: 278px;
  display: block;
  border-bottom: 1px solid #dddddd;
}
.prolist .item h3 {
  padding: 0 16px;
  height: 68px;
  font-size: 16px;
  color: #333;
  line-height: 68px;
  overflow: hidden;
  transition: all ease 300ms;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.prolist .item h3 span {
  width: 110px;
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
  font-size: 14px;
  border-radius: 20px;
  border: 1px solid #f95927;
  color: #f95927;
  text-align: center;
  transition: all ease 300ms;
}
.prolist .item h3 span s {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background-position: -120px -78px;
}
.prolist .item .xcx {
  width: 100%;
  height: 248px;
  z-index: 10;
  padding-top: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/black20.png) repeat 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease 300ms;
  left: 20%;
}
.prolist .item .xcx span {
  width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  top: 38px;
  z-index: 10;
  font-size: 16px;
  color: #333;
}
.prolist .item .xcx img {
  width: 160px;
  height: 160px;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  padding: 40px 20px 20px;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.prolist .item:hover {
  border-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.prolist .item:hover h3 span {
  background: #f95927;
  color: #fff;
}
.prolist .item:hover h3 span s {
  background-position: -142px -78px;
}
.prolist .item:hover .xcx {
  opacity: 1;
  filter: alpha(opacity=100);
  left: 0;
}
/*baselist*/
.baselist .item {
  width: 280px;
  float: left;
  margin: 0 26px 26px 0;
  position: relative;
  transition: all ease 300ms;
  overflow: hidden;
}
.baselist .item a {
  display: block;
  width: 100%;
}
.baselist .item .img {
  width: 280px;
  height: 210px;
  display: block;
  overflow: hidden;
  position: relative;
}
.baselist .item .img img {
  width: 280px;
  height: 210px;
  display: block;
  transition: all .5s;
}
.baselist .item .img .zz {
  width: 280px;
  height: 210px;
  display: block;
  /*background: url(../images/zz.png) no-repeat center center;*/
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.baselist .item .tit {
  height: 48px;
  font-size: 16px;
  text-align: center;
  line-height: 48px;
  overflow: hidden;
  transition: all ease 300ms;
  display: block;
}
.baselist .item:hover .img img {
  transform: scale(1.08);
}
.baselist .item:hover .tit {
  color: #b61b21;
}
/*newslist*/
.newslist .item {
  border-bottom: 1px solid #dddddd;
  width: 100%;
}
.newslist .item a {
  display: block;
  padding: 26px 0;
  width: 100%;
}
.newslist .item h3 {
  font-size: 18px;
  color: #333333;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  margin-bottom: 8px;
}
.newslist .item h3 s {
  width: 16px;
  height: 16px;
  float: right;
  display: block;
  background-position: -35px 0;
}
.newslist .item .txt {
  color: #666666;
  height: 30px;
  line-height: 30px;
}
.newslist .item .time {
  display: block;
  color: #333333;
  font-size: 16px;
  height: 20px;
  line-height: 20px;
}
.newslist .item:hover {
  border-color: #b61b21;
}
.newslist .item:hover h3 {
  color: #b61b21;
}
/*xunpan*/
.xunpan {
  width: 100%;
  height: 200px;
  position: relative;
  background: url(../images/ixbannerbg.jpg) no-repeat center top;
  color: #fff;
}
.xunpan .img {
  height: 200px;
  width: 1920px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
.xunpan .zixun {
  width: 454px;
  *padding-right: 80px;
  padding-top: 40px;
  position: relative;
  text-align: center;
}
.xunpan .zixun .ewm {
  width: 108px;
  height: 108px;
  display: block;
  position: absolute;
  padding: 6px;
  background: #fff;
  transition: all ease 300ms;
  right: 0;
  top: 40px;
}
.xunpan .zixun .ewm.hover {
  right: 20px;
}
.xunpan .zixun .tel {
  border: 1px solid #65b44e;
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 26px;
  color: #fff;
  margin-bottom: 20px;
  font-family: arial;
  font-weight: bold;
  border-radius: 30px;
}
.xunpan .zixun .tel s {
  width: 26px;
  height: 28px;
  background-position: 0 -1px;
  margin-right: 16px;
}
.xunpan .zixun .zx {
  width: 302px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #176200;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background: #ffe825;
}
.xunpan .zixun .zx s {
  width: 22px;
  height: 20px;
  display: inline-block;
  background-position: -60px 0;
  *background-position: -60px 3px;
  transition: all ease 300ms;
  margin-left: 10px;
  vertical-align: middle;
}
.xunpan .zixun .zx:hover s {
  margin-left: 28px;
}
.xunpan p {
  font-size: 20px;
}
.xunpan p strong {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  padding-right: 10px;
  font-style: italic;
}
.xunpan p.bigtxt {
  font-size: 40px;
  padding-bottom: 25px;
  padding-top: 60px;
}
.xunpan p span {
  color: #b61b21;
  display: inline-block;
}

/***********index css ***********/
.index {
  width: 100%;
  overflow: hidden;
}


.index .imgleft {
  width: 650px;
  height: 488px;
  float: left;
  overflow: hidden;
  position: relative;
}
.index .imgleft .item {
  width: 650px;
  height: 488px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.index .imgleft .item a {
  width: 100%;
  display: block;
}
.index .imgleft .item img {
  width: 650px;
  height: 488px;
  transition: all .5s;
  display: block;
}
.index .imgleft .item .txtcon {
  width: 600px;
  height: 91px;
  padding: 25px 25px 0 25px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/black50.png) repeat 0 0;
  color: #fff;
}
.index .imgleft .item .txtcon h3 {
  font-size: 20px;
  margin-bottom: 12px;
}
.index .imgleft .item .txtcon h3 .time {
  font-size: 16px;
}
.index .imgleft .item .txtcon .txt {
  line-height: 24px;
}
.index .imgleft .item:hover img {
  filter: brightness(105%);
}
.index .imgleft .tip {
  position: absolute;
  bottom: 10px;
  right: 30px;
  z-index: 10;
}
.index .imgleft .tip span {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  background: #fff;
  border-radius: 100%;
  cursor: pointer;
}
.index .imgleft .tip span.cur {
  background: #b61b21;
}
/**********index css end**********/
.txtimglist .item {
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #dddddd;
}
.txtimglist .item a {
  width: 100%;
  height: 150px;
  display: block;
}
.txtimglist .item img {
  width: 200px;
  height: 150px;
  float: left;
  margin-right: 30px;
  transition: all ease 300ms;
}
.txtimglist .item h3 {
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  padding-top: 12px;
  overflow: hidden;
  transition: all ease 300ms;
}
.txtimglist .item h3 .time {
  /*color: #666666;*/
  font-family: arial;
  float: right;
  font-size: 16px;
}
.txtimglist .item .txt {
  color: #999999;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.txtimglist .item:first-child {
  padding-top: 0;
}
.txtimglist .item:hover h3 {
  text-indent: 10px;
}
.txtimglist .item:hover img {
  filter: brightness(105%);
}
/************content************/
.nybanner {
  width: 100%;
  height: 260px;
  overflow: hidden;
  position: relative;
  margin-bottom: 60px;
}
.nybanner img {
  width: 1920px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
/* pager */
.pager {
  text-align: center;
}
.pager .pagin a{
    display:inline-block;
    width:80px;
    height:40px;
    line-height:40px;
    background:#fff;
    margin:0 5px;
}
    .pager .pagin a.current {
        background: #b61b21;
        color: #fff;
    }
    .pager .pagin a:hover {
        background: #b61b21;
        color: #fff;
    }
.pager .pageCss {
  text-align: center;
  padding: 30px 0;
}
.pager .pageCss ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.pager .pageCss li {
  background: #fff;
  float: left;
  width: 60px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 5px;
}
.pager .pageCss li a {
  display: block;
  width: 100%;
}
.pager .pageCss li:hover a {
  background: #b61b21;
  color: #fff;
}
.pager .pageCss li#currentPage {
  background: #b61b21;
  color: #fff;
}
/* loaction */
.location {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 40px;
  position: relative;
  border-bottom: 2px solid #b61b21;
}
.location h3 {
  font-size: 18px;
}
.location .sitepath {
  /*color: #fff;*/
  white-space: nowrap;
}
.location .sitepath s {
  width: 16px;
  height: 17px;
  background-position: -90px 0;
  margin: 0 6px;
}
.location .sitepath a {
  /*color: #fff;*/
}
.location .sitepath a:hover {
  color: #b61b21;
}
/* reLink */
.reLink {
  width: 100%;
  height: 58px;
  line-height: 58px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
}
.reLink .nextLink,
.reLink .prevLink {
  width: 50%;
  display: block;
  text-align: left;
  color: #666;
}
.reLink .nextLink a:hover,
.reLink .prevLink a:hover {
  color: #b61b21;
}
.reLink .nextLink {
  text-align: right;
}
.wrapper {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0 60px;
}
.wrapper .showvideo {
  margin: 0 auto;
}
.wrapper .left-tit {
  font-size: 24px;
  line-height: 30px;
  padding: 25px 0 25px 40px;
  *
  padding-top: 1px;
  position: relative;
  margin-bottom: 20px;
  background: #b61b21;
  color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.wrapper .left-tit h3 {
  font-size: 24px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
.wrapper .left-tit span {
  font-size: 16px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: block;
  font-family: arial;
  display: none;
}
.wrapper .left-tit s {
  width: 62px;
  height: 52px;
  position: absolute;
  right: 26px;
  bottom: 15px;
  background-position: 0 -82px;
  display: block;
}
.wrapper .left-tit.left-tit2 {
  padding-top: 16px;
  padding-bottom: 19px;
  *padding-top: 1px;
}
.wrapper .left-tit.left-tit2 h3 {
  font-size: 20px;
}
.wrapper .left-tit.left-tit2 s {
  width: 40px;
  height: 38px;
  background-position: -153px -32px;
  bottom: 10px;
}
.wrapper .leftCon {
  width: 260px;
  float: left;
  padding-top: 5px;
}
.wrapper .leftCon .prolist {
  position: relative;
}
.wrapper .leftCon .prolist .item {
  width: 258px;
  float: none;
  margin-right: 0;
}
.wrapper .leftCon .prolist .item img {
  width: 258px;
  height: 258px;
}
.wrapper .leftCon .prolist .item h3 {
  text-align: center;
}
.wrapper .leftCon .prolist .item h3 span {
  display: none;
}
.wrapper .leftCon .tel {
  width: 230px;
  padding: 16px 0 18px 30px;
  background: #b61b21;
  color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.wrapper .leftCon .tel strong {
  display: block;
  font-weight: normal;
  font-size: 26px;
}
.wrapper .content {
  width: 900px;
  float: right;
  overflow: hidden;
}
.wrapper .content .prolist {
  width: 106%;
  position: relative;
}
.wrapper .content .prolist .item {
  margin-right: 29px;
}
.wrapper .content .bgfff {
  width: 818px;
  padding: 15px 40px 50px;
  border: 1px solid #dddddd;
  background: #fff;
}
.wrapper .leftNav {
  width: 260px;
  margin-bottom: 30px;
}
.wrapper .leftNav li {
  height: 50px;
  line-height: 50px;
  border-radius: 30px;
  margin-bottom: 10px;
  position: relative;
  border-radius: 25px;
  border: 1px solid #b61b21;
  /* box-shadow: 0 1px 5px rgb(41, 110, 236); */
}
.wrapper .leftNav li a {
  display: block;
  padding: 0 38px 0 40px;
  font-size: 16px;
  /*color: #fff;*/
}
.wrapper .leftNav li s {
  width: 13px;
  height: 20px;
  float: right;
  margin-top: 16px;
  background-position: -99px -80px;
}
.wrapper .leftNav li:hover,
.wrapper .leftNav li.hover {
  background: #b61b21;
}
.wrapper .leftNav li:hover a,
.wrapper .leftNav li.hover a {
  color: #fff;
}
.wrapper .leftNav li:hover s,
.wrapper .leftNav li.hover s {
  background-position: -75px -80px;
}
.wrapper .leftnews {
  width: 222px;
  border: 1px solid #ddd;
  padding: 15px 18px;
}
/******recommend*******/
.recomCon .recom-tit {
  font-size: 20px;
  padding: 28px 0 22px;
}
.recomCon .recom-tit .more {
  font-size: 16px;
  float: right;
}
.recomCon.recomNews .recom-tit {
  padding-bottom: 0;
}
.recomCon .txtimglist {
  width: 106%;
}
.recomCon .txtimglist .item {
  width: 435px;
  padding: 30px 0;
  float: left;
  margin-right: 30px;
  border-bottom: 1px solid #dddddd;
}
.recomCon .txtimglist .item a {
  width: 100%;
  height: 120px;
  display: block;
}
.recomCon .txtimglist .item img {
  width: 161px;
  height: 120px;
  float: left;
  margin-right: 20px;
}
.recomCon .txtimglist .item h3 {
  font-size: 18px;
  line-height: 28px;
  height: 56px;
  position: relative;
  padding-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.recomCon .txtimglist .item h3 .time {
  color: #666666;
  font-family: arial;
  float: right;
  font-size: 16px;
}
.recomCon .txtimglist .item .txt {
  color: #999999;
  line-height: 24px;
}
.recomCon .txtimglist .item:first-child {
  padding-top: 30px;
}
.picturePage .prolist {
  position: relative;
}
.picturePage .prolist .item img {
  width: 278px;
  height: 209px;
}
.picturePage .prolist .item h3 {
  text-align: center;
}
.picturePage .prolist .item h3 span {
  display: none;
}
/****singlePage******/
.singlePage img {
  max-width: 100%;
  height: auto !important;
}
.singlePage .nodata{text-align:center;}
.singlePage .nodata img{display:inline-block;}
.singlePage .txtcon {
  line-height: 32px;
}
.singlePage .txtcon.bgfff {
  padding-top: 30px;
}
.showPro .show-tit {
  font-size: 20px;
  color: #b61b21;
  font-weight: bold;
  background: url(../images/show-titbg.png) no-repeat center right;
}
.showPro .showContxt {
  padding: 18px 2px 30px;
  line-height: 26px;
}
.showPro .showContxt img {
  max-width: 100%;
  height: auto !important;
}
.showPro .showimgCon {
  padding: 20px 0 30px;
}
.showPro .showimgCon .txtcon {
  width: 240px;
  float: left;
  margin-left: 45px;
  position: relative;
  height: 480px;
}
.showPro .showimgCon .txtcon .tit {
  font-size: 24px;
}
.showPro .showimgCon .txtcon .price {
  font-size: 34px;
  margin-bottom: 20px;
  color: #f16101;
  font-family: arial;
  margin-top: 20px;
}
.showPro .showimgCon .txtcon .xcxm {
  width: 236px;
  border: 1px solid #dddddd;
  border-radius: 6px;
}
.showPro .showimgCon .txtcon .xcxm img {
  width: 236px;
  height: 236px;
  display: block;
  border-radius: 6px;
  border-bottom: 1px solid #ddd;
}
.showPro .showimgCon .txtcon .xcxm span {
  width: 100%;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 16px;
  display: block;
}
.showPro .showimgCon .txtcon .tel {
  position: absolute;
  height: 44px;
  line-height: 44px;
  text-align: center;
  left: 0;
  bottom: 0;
  width: 238px;
  border: 1px solid #b61b21;
  color: #b61b21;
  border-radius: 2px;
}
.showPro .showimgCon .txtcon .tel s {
  width: 22px;
  height: 22px;
  margin-right: 6px;
  background-position: -166px -75px;
}
.showPro .showimg {
  width: 480px;
  position: relative;
  float: left;
  overflow: hidden;
}
.showPro .showimg .bigimg {
  width: 480px;
  height: 480px;
  display: block;
  position: relative;
}
.showPro .showimg .bigimg .list {
  width: 500%;
}
.showPro .showimg .bigimg .list li {
  width: 480px;
  height: 480px;
}
.showPro .showimg .bigimg .list img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 300ms;
}
.showPro .showimg .smallimg {
  width: 480px;
  height: 95px;
  padding-top: 11px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  overflow: hidden;
  background: url(../images/black50.png) repeat 0 0;
}
.showPro .showimg .list {
  width: 390px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.showPro .showimg .listcon {
  width: 300%;
  position: relative;
}
.showPro .showimg .prev,
.showPro .showimg .next {
  width: 20px;
  height: 84px;
  z-index: 10;
  position: absolute;
  top: 11px;
  cursor: pointer;
  background: #ffffff url(../images/btn-ico2.png) no-repeat 0 center;
}
.showPro .showimg .prev:hover,
.showPro .showimg .next:hover {
  background-color: #ddd;
}
.showPro .showimg .prev {
  left: 10px;
  background-position: 7px center;
}
.showPro .showimg .next {
  right: 10px;
  background-position: -39px center;
}
.showPro .showimg li {
  width: 84px;
  height: 84px;
  margin-right: 18px;
  float: left;
  cursor: pointer;
  position: relative;
}
.showPro .showimg li img {
  width: 100%;
  height: 100%;
  display: block;
}
.showPro .showimg li.on {
  width: 80px;
  height: 80px;
  border: 2px solid #f95927;
}
/*showNews*/
.shareNew {
  padding-bottom: 20px;
}
.showInfo .title {
  font-size: 22px;
  color: #333333;
  text-align: center;
  padding: 10px 0 16px;
}
.showInfo .mark {
  color: #999999;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.showInfo .mark span {
  margin: 0 10px;
  font-size: 12px;
}
.showInfo .img {
  width: 500px;
  display: block;
  margin: 10px auto 20px;
}
.showInfo .img img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.showInfo .showContxt {
  color: #666666;
  padding: 0 2px 30px;
  line-height: 30px;
}
.showInfo .showContxt .t {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #333;
  padding: 0 2px 5px;
  font-size: 16px;
  margin-bottom: 10px;
}
.showInfo .showContxt .t:after {
  width: 20px;
  height: 2px;
  content: "\20";
  background: #b61b21;
  display: block;
  position: absolute;
  left: 2px;
  bottom: -1px;
}
.showInfo .showContxt img {
  max-width: 100%;
  height: auto !important;
}
.showInfo .title2 {
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.showInfo .title2 a {
  float: right;
  font-size: 12px;
  font-family: arial;
}
.showInfo .title2 .left {
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  border-bottom: 3px solid #4d485b;
}
.msgPage .formData {
  padding-top: 5px;
}
.msgPage .tit {
  text-align: center;
  padding: 28px 0 36px;
}
.msgPage .tit .p1 {
  font-size: 25px;
  margin-bottom: 10px;
}
.msgPage .tit .p2 {
  line-height: 24px;
}
.msgPage .tit .p2 span {
  color: #b61b21;
}
.contactPage .content {
  padding-top: 80px;
}
.contactPage .tit {
  text-align: center;
  padding: 28px 0 36px;
}
.contactPage .tit .p1 {
  font-size: 25px;
  margin-bottom: 10px;
}
.contactPage .tit .p2 {
  line-height: 24px;
}
.contactPage .tit .p2 span {
  color: #b61b21;
}
.contactPage .bcontact {
  width: 100%;
  padding-bottom: 50px;
}
.contactPage .bcontact li {
  width: 33%;
  float: left;
  padding: 20px 0 0;
  border-left: 1px solid #e5e5e5;
  text-align: center;
  font-family: arial;
}
.contactPage .bcontact li s {
  width: 60px;
  height: 55px;
  display: block;
  margin: 0 auto;
  background: url(../images/contact-ico.png) no-repeat 15px center;
}
.contactPage .bcontact li h3 {
  font-size: 16px;
  padding: 6px 0 14px;
  font-weight: bold;
  color: #737373;
}
.contactPage .bcontact li h4 {
  color: #000000;
  font-weight: bold;
  height: 48px;
  line-height: 24px;
  padding: 0 10px;
}
.contactPage .bcontact li.btel {
  border-left: 0px;
}
.contactPage .bcontact li.baddress s {
  background-position: -58px center;
}
.contactPage .bcontact li.bemail s {
  background-position: -140px center;
}
.contactPage .txtcon {
  padding-bottom: 30px;
}
.contactPage .txtcon img {
  max-width: 100%;
  height: auto !important;
}
.contactPage .t2 {
  padding: 58px 0 48px;
  text-align: center;
}
.contactPage .t2 .titb {
  font-size: 30px;
  margin-bottom: 16px;
}
.contactPage .t2 .txt {
  font-size: 14px;
  line-height: 24px;
}
.contactPage .t2 .txt span {
  font-weight: bold;
  color: #b61b21;
}
.contactPage .mapArea {
  width: 100%;
  height: 400px;
  margin: 0 0 40px;
}
.contactPage .mapArea #allmap {
  width: 100%;
  height: 400px;
}
.contactPage .BMap_bubble_title a {
  border-radius: 3px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 16px;
  background: #b61b21;
  color: #fff;
}
.contactPage .BMap_bubble_title a:hover {
  background: #f95927;
}
.contactPage .BMap_bubble_title span {
  display: block;
  line-height: 22px;
}
.contactPage .BMap_bubble_content {
  line-height: 22px;
}

.map_ul {
  list-style: outside none none;
  display: block;
  width: 100%;
  padding-top: 40px;
}
.map_ul li {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DCDBDB;
  margin-left: 10px;
  float: left;
}
.map_ul li a {
  font-size: 14px;
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
  display: block;
}
.map_ul .list-inline {
  display: block;
  margin-left: 7%;
  width: 80%;
  min-height: 30px;
  padding-top: 10px;
}
.map_ul .list-inline a {
  font-weight: normal;
  width: auto;
  float: none;
  line-height: 32px;
  height: 32px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0px 10px;
}
.map_ul .list-inline a:hover {
  background: #b61b21;
  color: #fff;
}
span.bds_more,
.bds_tools a {
  line-height: 14px !important;
}
/******animated*****/
.animate-zhuan {
  animation: Swing1 5s infinite;
  transform: rotate(-5deg);
  -webkit-animation: Swing1 5s infinite;
  -webkit-transform-origin: 50% -50px;
  -webkit-transform: rotate(-5deg);
  -moz-animation: Swing1 5s infinite;
  -moz-transform-origin: 50% -50px;
  -moz-transform: rotate(-5deg);
  -ms-animation: Swing1 5s infinite;
  -ms-transform-origin: 50% -50px;
  -ms-transform: rotate(-5deg);
  -o-animation: Swing1 5s infinite;
  -o-transform-origin: 50% -50px;
  -o-transform: rotate(-5deg);
}
.animate-zhuan2 {
  animation: Swing2 4s infinite;
  transform: rotate(15deg);
  -webkit-animation: Swing2 4s infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-transform: rotate(15deg);
  -moz-animation: Swing2 4s infinite;
  -ms-animation: Swing2 4s infinite;
  -o-animation: Swing2 4s infinite;
}
.animate-tel {
  animation: tada 1s linear infinite;
  transform-origin: 50% 50%;
  -webkit-animation: tada 1s linear infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: tada 1s linear infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: tada 1s linear infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: tada 1s linear infinite;
  -ms-transform-origin: 50% 50%;
}
@keyframes Swing1 {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes Swing1 {
  0% {
    -webkit-transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
  }
}
@-moz-keyframes Swing1 {
  0% {
    -moz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
@-o-keyframes Swing1 {
  0% {
    -oz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
@-ms-keyframes Swing1 {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@keyframes Swing2 {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(15deg);
  }
}
@-webkit-keyframes Swing2 {
  0% {
    -webkit-transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(15deg);
  }
}
@-moz-keyframes Swing2 {
  0% {
    -moz-transform: rotate(15deg);
  }
  50% {
    -moz-transform: rotate(-15deg);
  }
  100% {
    -moz-transform: rotate(15deg);
  }
}
@-ms-keyframes Swing2 {
  0% {
    -ms-transform: rotate(15deg);
  }
  50% {
    -ms-transform: rotate(-15deg);
  }
  100% {
    -ms-transform: rotate(15deg);
  }
}
@-o-keyframes Swing2 {
  0% {
    -o-transform: rotate(15deg);
  }
  50% {
    -o-transform: rotate(-15deg);
  }
  100% {
    -o-transform: rotate(15deg);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
/*********************************** *** 设备适配 **********************************/
/***大于等于******/
@media (min-width: 1770px) {
    html {
        font-size: 100px;
    }
}
/***小于等于******/
@media (max-width: 1770px) {
    html {
        font-size: 90px;
    }
}
/***小于等于******/
@media (max-width: 1600px) {
    html {
        font-size: 80px;
    }
}
/***小于等于******/
@media (max-width: 1400px) {
    html {
        font-size: 76px;
    }
}
/***小于等于******/
@media (max-width: 1300px) {
    html {
        font-size: 70px;
    }
}
/***小于等于******/
@media (max-width: 1200px) {
    html {
        font-size: 66px;
    }
}
/* Underline From Center2 */
.hvr-underline-from-center1{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center1:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #b61b21; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center1:hover:before,
.hvr-underline-from-center1:focus:before,
.hvr-underline-from-center1:active:before{left: 0; right: 0;}
.hvr-underline-from-center1:hover{*height: 43px; *border-bottom: 2px solid #2c9cd1; *line-height: 43px;}
.hvr-underline-from-center1.hover{*height: 43px; *border-bottom: 2px solid #2c9cd1; *line-height: 43px;}
.hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; }
.hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #013c4e; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; }