
*{margin: 0;padding: 0;font-family: "微软雅黑";}
ul,li,h1,h2,h3{list-style: none;margin: 0;padding: 0;}
a{text-decoration: none;    color: #686868;}
img{border: none; vertical-align: top}
.w1400,.warp{ width:1200px; margin:0 auto}
.fl {float: left;display: inline}
.fr {float: right; display: inline}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}

.top1{ overflow:hidden;line-height:34px; background:rgb(63, 63, 63); font-size: 14px;color: #fff; }
.logofont{font-size: 16px;margin: 20px 0 20px 10px;padding: 5px 0 5px 30px; font-size: 16px; border-left: 1px solid #ddd;}
.logofont strong{ display: block; font-size: 26px;}

.one{ background:#f18101; width:3px; height:12px; margin-top:13px;}
.twos{ background:#e81215; width:3px; height:12px;margin-top:13px;}
.three{ background:#00b6b7; width:3px; height:12px;margin-top:13px;}
.four{ background:#0982ec; width:3px; height:12px;margin-top:13px;}
.five{ background:#314693; width:3px; height:12px;margin-top:13px; }
.six{ background:#00a64f; width:3px; height:12px;margin-top:13px; }
.header{ position: relative; height: 90px;}
.header .logo{ position: absolute; left: 0;top: 50%; transform: translateY(-50%);}


.herdertel{ background: url(../images/tel.jpg) no-repeat 0 center;padding-left: 55px;margin-top: 31px;}
.herdertel strong{display: block; font-size: 28px; font-family: Impact; line-height: 1; color: #c7ab6a;}

/*menu*/
#menu{height:36px; font-family:"微软雅黑"; position: relative;z-index: 2; margin-top: 27px; display: inline; float: right}
#menu li{height:36px;text-align:center;float:left; display:inline; margin: 0 3px;}
#menu li a{ color:#333;border-radius: 18px; position:relative; display:block; padding: 0 26px;  height: 36px;line-height: 36px; font-size: 16px; white-space: nowrap; position: relative}
#menu li a:after{ height: 36px; left: 50%; border-radius: 18px; top: 50%; transform: translate(-50%,-50%);width: 0px; z-index: -1; content: "";position: absolute; transition: all .3s}
#menu li a:hover,#menu li.on a{color: #fff;}
#menu li a:hover:after,#menu li.on a:after,#menu li.hover a:after{width: 100%; text-decoration: none;background-color:#FF7F27;  }
#menu li a.down:before{content: "";position: absolute;border: 4px solid transparent;border-bottom: 0; border-top-color: currentColor;
    top: 50%;margin-top: -2px;right: 15px;}
#menu li.hover a{ color: #fff; }
#menu .mainlevel .lbul .arrow{top:29px;
    background: #fff;
    width:15px;height:15px;position: absolute;
    left: 50%;
    margin-left: -7.5px;
    z-index:-1;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    box-shadow: 0 0 1px rgba(0,0,0,.1);}
/*down menu*/

#menu .mainlevel{ z-index:99999; position: relative;}
#menu .mainlevel .lbul{padding:0px; padding-top: 37px; display: none; left: 50%; width:192px; position:absolute; transform: translateX(-50%); z-index:1000;}
#menu .mainlevel .pro_sub{width:1200px; left: -240px;}
#menu .mainlevel .lbul .slide_mel{ display:inline;float: left;width: 180px;background:rgba(129,0,9,.8); text-align: left;}
#menu .mainlevel .lbul .slide_mel span{ display: block;height: 55px; line-height: 55px;text-indent: 36px; font-size: 16px; color: #fff; cursor: pointer;}
#menu .mainlevel .lbul .slide_mel span.on{background: #fff; color: #314693;}
#menu .mainlevel .lbul .slide_mel .slide_con{ width: 1020px; display: inline; float: left;}
#menu .mainlevel .lbul .slide_con .sublist{ display:inline;overflow: hidden; float: left; overflow: hidden; width: 240px; padding-left: 30px; margin-top: 20px; margin-right: 60px;}
#menu .mainlevel .lbul .slide_con .sublist dt {text-align: left; height: 42px; line-height: 42px; border-bottom: 1px solid #d4d4d4;}
#menu .mainlevel .lbul .slide_con .sublist dt a{ font-size: 14px; font-weight: 700; color: #000;  height: 42px; line-height: 42px;}
#menu .mainlevel .lbul .slide_con .sublist dd{ padding-top: 10px;}
#menu .mainlevel .lbul .slide_con .sublist dd a{ display:  block; height: 24px; line-height: 24px;text-align: left; font-size: 12px; color: #333;}
#menu .mainlevel .lbul .slide_con .sublist a{background: none;}
#menu .mainlevel .lbul .slide_con .sublist a:hover{ background: none; color: #d8b01a;}
.hua_kh_con{ display: none}
#menu .mainlevel .sub_a{ }
#menu .mainlevel .sub_a a{transition:  all .3s;color: #333;border-radius:0; border-bottom: 1px solid #dedede; display: block;height: 37px; line-height: 37px; background: none;font-size: 14px;}
#menu .mainlevel .sub_a a:hover{ background: #dedede; text-indent: 5px;}

.menuct{
    background: #fff; border-radius: 8px; box-shadow: 0px 0px 0px 0px #ccc;transition: box-shadow 0.5s ease 0s; overflow:hidden;
}

.swiper-pagination .swiper-pagination-bullet{width: 16px;  height: 16px; border-radius: 8px;border: 0;  background: rgba(0, 0, 0, 0); position: relative; opacity: 1;}
.swiper-pagination .swiper-pagination-bullet:before{ content: ""; width: 8px; height: 8px; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%;    transform: translate(-50%,-50%);}
.swiper-pagination .swiper-pagination-bullet-active{background: rgba(0, 0, 0, 0.21); }

.bannerbg{ background: url("../images/babg.png") no-repeat; background-position: 50% 50%;height: 100px; line-height: 100px;}
.bannerbg{ color: #fff}
.bannerbg span{ display: inline-block; vertical-align: middle}
.bannerbg .tbannerad{ width: 790px; display: inline; float: left; box-sizing: border-box; font-size: 20px;}
.bannerbg .banneradr{ background: url("../images/phone.png") 20px center no-repeat; padding-left: 70px; font-size: 28px;}
.indexcat{ background: #fff; height: 100px; overflow: hidden}
.lis li{ width: 25%; display: inline; float:left; overflow: hidden}
.lis li a{ display: block; height: 85px; border-right: 1px solid #E3E3E3; padding-top: 15px; position: relative;text-align: center; line-height: 160%}
.lis li a h4{ color: #333;}
.lis li a:after{ position: absolute; background: #0000cc;content: "";  bottom: 0; width: 0px;height: 4px; left: 50%; transform: translateX(-50%);transition: all .3s}
.lis li a:hover:after,.lis li.cur a:after{ background: #FF7F27; width: 100%}
.lis li.cur a{ border-left: 1px solid #E3E3E3; }
/*产品展示*/
.ncpbox{ background: url("../images/nbg.jpg")repeat; overflow: hidden}
.indexprlist{ position: relative; margin: 0 -15px; padding: 30px 0 80px 0; overflow:hidden}
.indexprlist li{ display: inline; float: left; width: 380px;margin: 0 15px; overflow: hidden; margin-top: 30px; text-align: center}
.indpic{ width: 380px;  height: 380px; position: relative;transition: all .3s;}
.indpic img{ width: 100%; height: 100%; object-fit: cover; vertical-align: top}
.indexprlist li .iconi{width: 20px;font-family: "Arail", "宋体", "微软雅黑";
    height: 20px;
    border-radius: 50%;
    display: block;
    color: #fff;
    background-color: #ff6700;
    text-align: center;
    line-height: 20px;
    margin: 0px auto;
    transition: color ease-in-out .5s,background-color ease-in-out .5s,transform ease-in-out .3s;
    font-size: 16px; margin-top: 10px;
    padding-left: 0;}

.intitle{ padding-top: 20px;}
.indexprlist li a{ display: block; overflow: hidden; position: relative; padding-bottom: 93px;}
.indexprlist li .titbox{  height: 93px; transition: all .3s; position: absolute; bottom: 0; width: 100%; z-index: 3; background: #fff;}
.indexprlist li img{ transition: all .3s;}
.indexprlist li:hover img{margin-top: -30px;}
.indexprlist li:hover .titbox{ background: #ff6700; color: #fff; padding: 20px 0}
.indexprlist li:hover .iconi{ background: #fff; color: #ff6700}

.nltitle{ text-align: center;padding: 40px 0}
.nltitle h3{ font-size: 36px;color: #ff6700}
.nltitle p{ font-size: 20px; margin-top: 10px; color: #666}
.initem{ padding: 120px 0 80px 500px;}
.initem dl{ overflow: hidden;margin-bottom: 50px;}
.initem dt,.initem dd{ display: inline; float: left}
.initem dd{ width: 590px; color: #fff; padding-left: 20px; padding-top: 12px;}
.initem dd h3{ font-size: 20px; font-weight: normal; margin-bottom: 10px;}
.initem dd h3 p{ font-size: 13px;}

.ytitle{ padding: 60px 0 30px 0; overflow: hidden;}
.ytitle h3{ font-size: 36px; color: #000; font-weight: normal}
.titl span{ color: #666}
.ytitle b{color: #ff6700; margin-right: 10px;}
.titl{ display: inline; float: left; }
.azxz{ margin-top: 10px; text-align: center; display: inline;float: right; width: 100px; line-height: 40px; height: 40px;border-radius: 20px; background: #FF7F27; color: #fff; }
.wylist{ margin: 0 -14px;  overflow: hidden; padding-bottom: 40px;}
.wylist li{ width: 279px;height: 261px; display: inline;float: left; text-align: center; margin: 0 14px; padding-bottom: 20px;}
.wylist li a{ display: block; background: rgb(0, 90, 210); color: #fff; height: 262px; border-radius: 10px;}
.wylist li img{ width: 40px; height: 40px; margin-top:45px}
.wylist li .wst{ padding: 10px 0}
.wylist li  .wline{ height: 23px; width: 1px; margin:10px auto; background: #fff}
.wylist li a:hover{ background: #ff6700}
.wylist li:hover{ background: url("../images/cty.png") bottom center no-repeat}
/*服务*/
.fwttt{ color: #666}
.fwh4{ font-size: 20px; color: #333}
.fwlist{ padding: 50px 0; overflow: hidden}
.fwlist dl{ display: inline; float: left; width: 25%;}
.fwlist dl dt,.fwlist dl dd{ display: inline; float: left}
.fwlist dl dd{ padding-left: 20px; line-height: 75px}
/*优势*/
.yscon{ background: rgb(248, 248, 248); overflow: hidden; padding: 50px 0}
.ysleft{ width: 700px; display: inline; float: left; background: #fff;}
.ysboximg{ width: 700px; height: 525px; overflow: hidden}
.ysboximg img{ width: 100%; height: 100%; object-fit: cover}
.yxitem{ overflow: hidden; margin: 50px; border-bottom: 1px dotted #dedede; font-size: 14px; color: #666}
.yxitem .yxcat{ color: #666; background: url("../images/yh.png") left center no-repeat; padding-left: 13px;}
.yxitem h3{ font-size: 20px; margin-top: 30px; color: #333}
.yxitem h4{ font-weight: normal}
.yxitem p{ margin-top: 30px; padding-bottom: 30px;}
.ban{  overflow: hidden}
.ban img{ width:100%}
/*your*/
.your{ width: 462px; overflow: hidden; background: #fff; border-top: 8px solid #005AD2; display: inline; float: right}
.serarchad{ height: 225px; color: #fff}
.suku{ padding-top: 60px;}
.ssbox{ text-indent: 10px; outline: none; width: 500px; height: 39px; border-radius: 19px; background: #fff; border: 0 none}
.ssboxcon{position: relative; width: 500px; margin-top:90px;}
.submitn{ background: url("../images/fdj.png") center no-repeat; width: 60px; height: 40px; border:  0 none; position: absolute; right: 0;top:0px;}
.wslist{ background: #fff; border-bottom: 1px solid #E3E3E3; padding: 30px 0}
.wslist dl{ width: 25%; display: inline; float: left}
.wslist dl dt { padding-left: 20px; padding-top: 20px;}
.wslist dl dt,.wslist dl dd{display: inline; float: left}
.wslist dl dd{ width: 200px; font-size: 14px; padding-left: 20px;}
.wslist dl{ border-right: 1px solid #E3E3E3; box-sizing: border-box}


.searchb{ background: #fff; border-bottom:1px solid #E3E3E3; height: 36px; padding:15px 0; line-height: 36px; overflow: hidden;margin-bottom: 30px;}
.searchwords{ width: 800px; display: inline; float: left}
.searchwords a{ display: inline-block; margin-right: 40px;}
.searchwords a:hover{ color: #FF7F2C}
.searchwords .ti{color: #FF7F2C; font-weight: bold}
.formsearch{ display: inline; width: 400px; display: inline; float:left; position: relative}
.formsearch #keywords{ width: 100%;box-sizing: border-box;border: 1px solid #D0D0D0;text-indent: 15px; height: 34px; line-height: 34px; border-radius: 18px;  outline: none}
.adbsocx{ position: absolute; background: url("../images/fdj.png") center no-repeat; width: 60px; height: 36px; border:  0 none; right: 0;top:0px; cursor: pointer; background-size: 40%}
/*newscon*/
.newscon{ background: #F8F8F8; padding: 50px 0}
.connewsl{ width: 400px; height: 517px; display: inline; float: left; box-sizing: border-box; background: #fff; position: relative; padding:30px;}
.connewsl:after{  background: #005AD2;content: ""; position: absolute; top: 0; z-index: 1; left: 0;height: 185px; width: 100%;}
.connewsl h3 span{ display: block; font-weight:normal}
.newlpic{ overflow:hidden; width: 340px; height: 226px;  }
.newlpic img{ width: 100%; height: 100%;transition: all .3s}
.newle,.connewsl h3{ position: relative; z-index: 2;}
.connewsl h3{ color: #fff; padding-bottom: 10px;}
.connewsl h3 span{ font-size: 14px;}
.newle h3{ font-weight: normal; color: #333; font-size: 16px; padding-top: 20px;}
.newle p{ padding-top: 10px; font-size: 14px;}
.newle a:hover img{transform: scale(1.2);}
.newsr{ width: 760px; display: inline;float: right}
.newsrcon{ background: #fff; padding: 30px;}
.newsttle span{ font-size: 14px; display: block; font-weight: normal; color: #666}
.newslist li{ overflow: hidden; margin-top: 20px;}
.newslist li a{ display: block;overflow: hidden; }
.newslist li a:hover,.newslist li a:hover .news-time{ color: #ff6700}
.news-time{ width: 60px; display: inline; float: left; font-size: 20px; color: #999; white-space: nowrap}
.news-time span{ display: block; height: 20px; background: url("../images/icon.png") 5px center no-repeat}
.news-title{ display:inline; float: left; padding-left: 30px; width: 300px;}
.news-pic{ display: inline; float: right; width: 136px; height: 105px; overflow:hidden}
.news-pic img{ width: 100%; height: 100%; object-fit: cover;transition: all .3s}
.newslist li a:hover img{transform: scale(1.2);}
.question{ height: 152px; overflow: hidden; position: relative}
.questionlist{ overflow: hidden}
.questionlist li{ overflow: hidden}
.questionlist  span{display: inline; margin-right: 10px; border-radius: 13px; background: #1E88E5; float: left; font-size: 14px; width: 26px; height: 26px; text-align: center; color: #fff; line-height: 26px; font-weight: bold}

.questionlist .ask,.questionlist .anser{ overflow: hidden; height:26px; margin-top: 10px; line-height: 26px;}

.nav{height:50px;float:right; margin-top:15px}
.nav li{ float:left; width:110px; position:relative; z-index:9999; padding-top:10px; padding-bottom:13px; color:#fff; font-size:18px; text-align:center;}
.nav ul{ width:105%; margin-top:25px}
.nav li:first-child{ border-left:#000 solid 0px !important;}
.nav li:last-child{ border-right:#000 solid 0px !important;}
.nav p{ display:inline-block; float:right; font-family:Arial, Helvetica, sans-serif}
.nav p strong{ font-size:20px; margin-right:5px}
.nav li a{ text-decoration:none;}
.nav li a span{ color:#666666;  display:inline-block;line-height:25px; font-size:16px}
.nav li a img{ margin-right:8px; float:left; padding-top:2px; padding-left:52px;}
.nav li:hover a span{ color:#fff}
.nav ul strong{ float:left; width:1px; height:15px; background:#d8d8d8; margin-top:15px;}
.s{ display:none; position:absolute; width:133px; top:50px; left:-10px}
.s a{ display:block; color:#000; line-height:40px; text-align:center; font-size:14px; display:block; }
.s a:first-child{border-top:#0367be solid 0px;  }
.nav li:hover .s{ display:block;}
.nav li:hover .s a{ color:#fff}
.nav li.act a span{ color:#fff}
.headers{ top:0px;height:50px; width:100%}
.headers li{ float:left; width:133px; position:relative; z-index:9999; padding-top:11px; padding-bottom:14px; color:#fff; font-size:16px; text-align:center;}
.headers  .s{ top:50px; width:133px}
.headers li a span{ color:#fff;  display:inline-block;line-height:25px; font-size:16px}
.Rotation{position:relative; margin:0 auto;margin-bottom:0px ;
animation:myfirst 0.5s linear 0.5s infinite alternate;
/* Firefox: */
-moz-animation:myfirst 0.5s linear 0.5s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 0.5s linear 0.5s infinite alternate;
/* Opera: */
-o-animation:myfirst 0.5s linear 0.5s infinite alternate;
}

@keyframes myfirst
{
0%   {top:0px;}
100% {top:3px;}
0%   {top:0px;}
}
 
@-moz-keyframes myfirst /* Firefox */
{
0%   {top:0px;}
100% {top:3px;}
0%   {top:0px;}
}
 
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {top:0px;}
100% {top:3px;}
0%   {top:0px;}
}
 
@-o-keyframes myfirst /* Opera */
{
0%   {top:0px;}
100% {top:3px;}
0%   {top:0px;}
}
.search{ background:#f0efef; overflow:hidden;padding-top:30px; padding-bottom:30px;  }
.search li{ float:left; border-right:#d9d9d9 solid 1px;height:70px;  }
.search li h1{ font-size:24px;}
.search li:nth-child(1){ color:#666; font-size:16px; width:480px}
.search li:nth-child(2){ width:300px; text-align:center}
.search li:nth-child(3){ padding-left:55px}
.search li:nth-child(3) p{ display:block; font-size:14px; margin-top:10px;}
.search li:nth-child(3) p a{ margin-right:10px}
.search li p{ color:#666; margin-top:5px}
.search li p span{}
.search li img{ margin-right:10px; display:inline; vertical-align:middle}
.search input[type=text]{ width:250px; border:0; height:40px; line-height:40px; padding-left:10px}
.search input[type=submit]{ border:0; height:40px; line-height:40px; width:100px; color:#fff}

.search li:last-child{ border-right:#ebebeb solid 0px;}


.title{ text-align:center; margin-top:0px; width:1200px; margin:0 auto}
.title a{ text-decoration:none}
.title h1{ font-family:"微软雅黑"; font-size:36px; margin-top:20px; margin-bottom:20px;}
.title span{ width:134px; height:3px; margin:0px auto; display:block; margin-top:10px}
.title div{ width:100%; height:1px; background:#dbdbdb}
.title p{ font-size:16px; color:#666666; font-weight:normal; margin-top:15px; font-family:Arial, Helvetica, sans-serif}
.titles{ text-align:center; margin-top:20px}
.titles ul{ overflow:hidden}
.titles li{ display:inline-block; width:140px; height:45px; line-height:45px; text-align:center; border:#d9d9d9 solid 1px; margin-left:5px; margin-right:5px}
.titles li a{ font-size:16px; color:#666; display:block}


.cpslist{ text-align:center; margin-top:45px; background:#f6f5f5;  transition: all 0.5s; padding-bottom:50px;/*-moz-box-shadow:0px 6px 7px #E6E6E6; -webkit-box-shadow:0px 6px 7px #E6E6E6; box-shadow:0px 6px 7px #E6E6E6;*/}
.cpslist span{  display:block; font-size:18px; line-height:50px}
.cpslist img{ width:100%; height:200px;}
.cpslist a{ font-size:15px; color:#666; text-decoration:none; text-align:center}i
.cpslist span{ line-height:60px;  display:block;}
.cpslist:hover span{  color:#000}
.cpslist p{ line-height:25px; margin-left:10px; margin-right:10px; margin-bottom:10px; color:#666}
.cpslist strong{ font-size:15px; border:#dedede solid 0px; line-height:35px; width:150px; margin:0 auto; font-weight:normal; display:block; margin-top:20px; background:#FFF}

.product{ overflow:hidden; margin-bottom:20px}
.productleft{ width:272px; float:left}
.productleft h1{ color:#FFF; font-weight:normal; font-size:30px; text-align:center; padding-top:20px; padding-bottom:20px; border-top-left-radius:5px; border-top-right-radius:5px}
.productleft  span{ font-size:34px; margin-left:30px}
.productleft ul{ border:#dddddd solid 1px; background:#FFF}
.productleft ul a{ font-size:16px; color:#666666; display:block}
.productleft ul li{ padding-left:20px; border-bottom:#dddddd dotted 1px; line-height:50px}
.productleft ul li strong{ width:6px; height:6px; border-radius:6px; display:block; border:#666666 solid 1px; float:left; margin-top:21px; margin-right:15px}
.productleft ul li:last-child{ border-bottom:#dddddd dotted 0px;}
.tel{ height:197px; margin-top:15px;border-top-left-radius:5px; border-top-right-radius:5px;border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding-top:30px; }
.tel span{ color:#fff; float:left;margin-right:15px; font-size:50px; margin-left:10px}
.tel p{ color:#fff}
.tel strong{ color:#fff; font-size:24px;}
.tel dt{ margin-bottom:20px}
.tel dd{ background:#fdc50b; width:200px; margin:0 auto; border-radius:5px; height:40px; line-height:40px; margin-top:15px; text-align:center; color:#000}
.tel dd span{ font-size:24px; color:#fff; float:none; margin-left:0px; margin-right:10px; display:inline-block}
.tel dd a{ display:block; color:#fff;}
.productright{ width:918px; float:right}

.tdfcmarque{ position:relative;}
.tdfcmarque a{  text-decoration:none}
.tdfcgoL{ position:absolute; left:0px; top:106px; width:200px; z-index:3}
.tdfcgoL img{ width:37px; height:auto}
.tdfcgoR{ position:absolute; right:0px; top:106px; z-index:3}
.tdfcgoR img{ width:37px; height:auto}
#tdfcmarquee1{overflow:hidden; margin:0 auto;  width:916px;border-radius:5px;border:#dedede solid 1px;}
#tdfcmarquee1 ul li{float:left; text-align:center; background:#FFF}
#tdfcmarquee1 ul li span{display:block; width:918px; text-align:center; margin:0 auto;}
.tdfcmarque h1{ font-size:24px; color:#000; font-weight:bold; }
.tdfcmarque p{display:block; color:#666666; line-height:30px; margin-top:15px}
#tdfcmarquee1 li  span img{ width:320px; height:250px; float:left; padding-left:40px; margin-right:30px}
#tdfcmarquee1 li  span{ overflow:hidden; padding-top:20px; padding-bottom:20px}
#tdfcmarquee1 li  span div{ float:left; text-align:left; width:480px}
#tdfcmarquee1 li  span div a{ text-decoration:none; color:#fff; font-size:14px; width:150px; line-height:40px; display:inline-block; border-radius:50px; text-align:center; margin-top:10px}
.productsize ul{ overflow:hidden; width:105%}
.productsize li{ background:#FFF;border:#dedede solid 1px; float:left; width:294px; margin-bottom:28px; text-align:center; margin-right:15px; border-radius:5px}
.productsize img{width:270px; height:200px; margin-top:10px}
.productsize span{ text-align:center; display:block; padding-bottom:20px; margin-top:10px; line-height:30px; font-size:16px}


.tabs  {
	padding:0;
	width:1200px;
	display:none;
	margin:0 auto; 
	
}
.tabs  img{width:270px;height:200px; margin-top:14px}
	
	
	
	
.tabs ul{ width:105%; overflow:hidden}
.tabs li{ text-align:center; float:left; margin-top:30px; margin-right:14px;border:#dedede solid 1px; width:288px; font-size:0px; border-radius:5px}

.tabs  span{ font-size:16px; color:#666; display:block; padding-top:15px; padding-bottom:15px;}
.tab {
	
	padding:0;
	list-style:none;
	width:1206px;
	overflow:hidden;
	margin:0 auto;
	margin-top:40px
}
.tab ul{ width:105%}
.tab li {
	float:left;
	width:160px;
	height:50px;
	border:#e1e1e1 solid 1px;
	color:#666;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	margin-right:12px
}
.tab li:nth-child(odd){border-right:#e1e1e1 solid 1px;}
.tab li:nth-child(odd){border-left:#e1e1e1 solid 1px;}
.on {
	display:block;
}


.ys{ background:url(../images/list2.png) no-repeat center; height:1000px; margin-top:30px}
.bg{ background:#FFF; height:682px; margin-top:10px}
.ys img{ width:480px; height:682px; float:left; margin-right:30px}
.ys ul li:first-child{ }
.ys ul li{}
.ys ul li h1{ font-size:24px; font-weight:normal; margin-bottom:15px}
.ys ul li h1 span{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:30px; float:left; margin-right:15px}
.ys ul li p{ color:#666666; font-size:16px; line-height:30px; padding-right:15px}









	
.list1{ margin:0 auto; margin-top:30px; width:1200px;}
.cplist{text-align:center; background:rgba(0,0,0,0.1);  transition: all 0.5s; margin-bottom:0px; padding:10px;}
.cplist div img{ width:276px;height:200px; display:block;	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;}
.cplist a{ font-size:16px; color:#fff; text-decoration:none; text-align:center; display:block}

.cplist_11{text-align:center; background:rgba(0,0,0,0.1);  transition: all 0.5s; margin-bottom:0px; padding:10px;}
.cplist_11 p{ padding-top:15px; padding-bottom:10px; display:block; height: 42px; color:#666666}
.cplist_11 div img{ width:368px;height:273px; display:block;	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;}
	
.list1_1 li:hover img{transform:scale(1.2);}	
	
	
.cplist_11 a{ font-size:16px; color:#fff; text-decoration:none; text-align:center; display:block}
.cplist_11 div{ overflow:hidden}


.cplist div{ overflow:hidden}
.list1 p{ line-height:30px;  display:block;padding-bottom:10px; padding-top:10px;  width:100%; font-size:16px; color:#6a6a6a}
.height{ height:40px}
.cplist:hover div img{transform:scale(1.2);}
.bg0{ background:#fff; padding-top:20px; padding-bottom:20px}
.bg1{ background:url(../images/list1.png) no-repeat center 100%; padding-top:100px; padding-bottom:89px;}
.bg4{ background:#f8f8f8; padding-top:100px; padding-bottom:0px; margin-top:80px}
.bg3{ background:url(../images/list2.png) no-repeat center 100%; padding-top:40px; padding-bottom:0px; margin-top:60px}
.bg2{ background:#f8f8f8; padding-top:60px; padding-bottom:160px}



.top{ margin-top:40px;}
.list2{ margin:0 auto; margin-top:30px; background:#f8f8f8;}
.caselist{text-align:center; background:#fff;  transition: all 0.5s; margin-bottom:0px; padding:10px;}
.caselist div img{ width:446px;height:280px; display:block;	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;}
.caselist a{ font-size:16px; color:#fff; text-decoration:none; text-align:center; display:block}
.caselist div{ overflow:hidden}
.list2 p{ line-height:30px;  display:block;padding-bottom:10px; padding-top:10px;  width:100%; font-size:16px; color:#6a6a6a}
.caselist:hover div img{transform:scale(1.2);}


.new{ overflow:hidden;  margin:0 auto; margin-top:120px; background:#f6f5f5; padding-top:50px; padding-bottom:130px; margin-bottom:70px; background:url(../images/con1.jpg) center no-repeat}
.new a{ text-decoration:none; font-size:16px; color:#666666}
.newleft{ width:346px; float:left; background:#FFF; padding:30px 20px 30px 20px; margin-top:50px; margin-right:20px; height:470px}
.newtitle{ overflow:hidden;}
.newtitle span{ font-size:18px;  display:inline-block;text-align:center; color:#000}
.newtitle a{ float:right; text-decoration:none; color:#bfbfbf;  font-weight:normal !important}
.newleft ul{ margin-top:0px; overflow:hidden; margin-bottom:15px}
.newleft li{ overflow:hidden; margin-top:20px}
.newleft ul li img{ width:340px; height:202px;}
.newleft time{ display:block; color:#989898; margin-top:14px; font-family:Arial, Helvetica, sans-serif}
.newleft a{ font-weight:bold}
.newleft p{ color:#666; line-height:30px; margin-top:13px; font-size:16px}
.newleft dl{ overflow:hidden;}
.newleft dd{line-height:40px; width:340px}
.newleft dd span{ border:#999999 solid 1px; width:8px; height:8px; border-radius:5px; display:inline-block; margin-right:10px}
.newleft dd a{ font-size:16px; color:#666666; font-weight:normal}
.newright{ width:346px; float:right; margin-top:50px; background:#FFF; height:470px; padding:30px 20px 30px 20px;}

#marquee6{width:348px;height:419px; overflow:hidden; border-bottom:#dfdfdf solid 0px; border-left:#dfdfdf solid 0px; border-right:#dfdfdf solid 0px;  margin-right:20px;}
#marquee6 ul li{overflow:hidden;  border-bottom:#dfdfdf dotted 1px; margin-left:0px; margin-right:0px; margin-top:15px}

.w{ background:#c80000; color:#FFF; padding:2px 5px 2px 5px; margin-right:10px;}
.d{ color:#FFF; padding:2px 5px 2px 5px; margin-right:10px; font-size:14px}
#marquee6 dd{ line-height:30px; margin-top:10px; margin-bottom:10px; font-size:16px;}
#marquee6 dt{ font-size:16px; color:#000}
.zx{color:#FFF !important; font-size:16px !important;text-decoration:none; width:172px; line-height:46px; text-align:center; display:inline-block; font-weight:normal !important; margin-top:28px;}

.about{  width:1200px; margin:0 auto; overflow:hidden; margin-top:50px}
.aboutleft{ width:580px; float:left;}
.aboutleft img{ width:580px; height:400px;}
.aboutright span{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#b0b0b0; margin-bottom:10px; display:block}
.aboutright{ width:580px; float:right;}
.aboutright h1{ font-size:36px; color:#333; margin-bottom:10px; font-weight:normal}
.aboutright p{ font-size:16px; color:#666; line-height:35px;}

.aboutright ul{ overflow:hidden; margin-top:15px}
.aboutright li{ float:left; width:140px; text-align:center; background:#FFF; margin-left:20px; height:90px; padding-top:5px;padding-bottom:5px} 
.aboutright li:first-child{ margin-left:0px}
.aboutright li img{ display:inline-block;}
.aboutright li div{ display:block; font-size:16px; color:#666; text-align:center}

.lbg{ background:url(../images/L_02.png) no-repeat; height:9px; margin-top:50px}
.link{ width:1200px; margin:0 auto; margin-top:40px;}
.link a{ text-decoration:none; font-size:18px; color:#666; border-right:#b1b1b1 solid 1px; margin-left:20px; padding-right:20px}


.foot{ margin-top:40px;} 
.copyConf{ overflow:hidden}
.copy{ float:left; width:860px; margin-top:30px}
.footNav{ margin-top:30px; text-align:center;}
.footNav a{ color:#FFF; text-decoration:none; font-size:16px; padding-right:30px;padding-left:30px; line-height:60px}
.footNav a:first-child{ border-left:none;padding-left:0px;}
.copy p{ color:#FFF; font-size:16px; line-height:35px;}
.copy span { color:#FFF; font-size:16px;}
.copy span a{ color:#FFF; text-decoration:none}
.conf{ width:174px; display: inline; overflow: hidden; float:left; margin-top:30px; text-align:center; color:#FFF; font-size:16px;}
.conf P{ }
.conf P img{ margin-top:12px; width:132px; height:132px; margin-bottom: 10px}
.conf span{ line-height:30px; margin-bottom:20px; display:block}

.cn{ color:#FFF; text-align:center; line-height:50px; font-size:18px}
.cn a{ color:#FFF; text-decoration:none}
.footertest{ padding: 40px 0 0 60px; color: #fff; line-height:160%; display: inline; float: left}
.footertest b{ display: block; font-size: 20px; margin-bottom: 10px}
.copyfooter{text-align: center; color: #fff; padding: 20px 0; background:#005AD2}

.izl-rmenu{position:fixed;right:0px;bottom:10px;padding-bottom:73px;background:url(../images/floatitem/r_b.png) 0px bottom no-repeat;z-index:999;}
    .izl-rmenu .btn1{width:83px;height:76px;margin-bottom:1px;cursor:pointer;position:relative;}
    .izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#006a4f;}
    .izl-rmenu .btn-qq:hover{background-color:#488bc7;}
    .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{/* background:url(/images/floatitem/r_qq.png) 0px 0px no-repeat; */background-color:#006a4f;text-decoration:none;display:block;}
    .izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#0067d0;}
    .izl-rmenu .btn-wx:hover{background-color:#3b3b3b;}
    .izl-rmenu .btn-wx .pic{position:absolute;left:-120px;top:0px;display:none;width:120px;height:110px;}
    .izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#c80000;}
    .izl-rmenu .btn-phone:hover{background-color:#c80000;}
    .izl-rmenu .btn-phone .phone{background-color:#c80000;position:absolute;width:160px;left:-160px;top:0px;line-height:76px;color:#FFF;font-size:18px;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;}
	
	.izl-rmenu .btn-color{background:url(../images/sz.png) 0px 0px no-repeat;background-color:#c31920;}
    .izl-rmenu .btn-color:hover{ background:url(../images/sz.png);background-color:#c31920;}
    .izl-rmenu .btn-color .pic{position:absolute;left:-200px;top:0px;display:block;width:200px;height:76px;background-color:#c31920;}
	 .izl-rmenu .btn-color .pic div{ width:18px; height:18px; float:left; border-radius:100%; margin-top:25px; margin-left:15px}
	 .izl-rmenu .btn-color .pic .blue{  
        background-color: #0982ec; 
    }
   .izl-rmenu .btn-color .pic .dblue{ 
        background-color: #006a4f; 
    }
    .izl-rmenu .btn-color .pic .red{ 
        background-color: #a50109; 
    }
	 .izl-rmenu .btn-color .pic .black{ 
        background-color: #6ea9a3;
    }
	.izl-rmenu .btn-color .pic .yellow{ 
        background-color: #dd932a; 
    }
		.izl-rmenu .btn-color .pic .xmh{ 
        background-color: #5dc800; 
    }

.green{ width:190px; height:50px; line-height:50px; display:block; text-align:center; color:#FFF; font-size:16px; border-radius:100px; margin-top:30px; }

.marque{ position:relative; top:30px; width:1215px; margin:0 auto}
.marque a{  text-decoration:none}
.marque p{  padding:0px; margin:0px; font-weight:normal; font-size:18px; color:#666666; line-height:25px; padding-top:10px; padding-bottom:15px}
.goL{ position:absolute; left:610px; top:696px; width:200px; z-index:3}
.goL img{ width:44px; height:auto}
.goR{ position:absolute; right:610px; top:696px; z-index:3}
.goR img{ width:44px; height:auto}
#marquee1{width:1215px;overflow:hidden; margin:15px auto;}
#marquee1 ul li{float:left;width:416px; text-align:center}
#marquee1 ul li span{display:block; width:390px; background:#fff; }
#marquee1 ul li img{display:block;width:390px; height:289px;transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;}

#marquee1 ul li span div{width:390px; height:auto; overflow:hidden}
#marquee1 ul li:hover img{  transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
.marque span:hover p{ color:#FFF}
.b{ background:#e9e9e9; height:1px; margin-top:40px; position:relative; z-index:1}
.bs{ position:absolute; background:#FFF; width:114px; height:60px; margin:0 auto; left:0; right:0; bottom:-26px; z-index:2}





/***********************/
.innrbox{ }
.innrbox p {margin:15px 0; color: #333; font-size: 16px;}
.innrbox img{ max-width: 100%!important;}
.ban{}
.ban img{ width:100%}
.tit{ text-align:center; overflow:hidden; margin:30px }
.tit strong{ font-size:30px; margin-bottom:5px;}

.subs_title{text-align:center; width:1200px; margin:0 auto; margin-top:20px;}
.subs_title ul{ overflow:hidden; width:101% }
.subs_title li{display:inline-block; width:160px; height:45px; line-height:45px; text-align:center; border:#d9d9d9 solid 1px; margin-left:0px; margin-right:6px}
.subs_title li a{ color:#666; text-decoration:none; height:45px; line-height:45px; overflow:hidden; display:block; font-size:16px; text-align:center}

.list1 ul{ overflow:hidden; width:105%}
.list1 li{ width:286px; float:left; margin-right:18px; margin-bottom:25px}

.list1_1{ width:1200px; margin:0 auto; margin-top:20px}
.list1_1 ul{ overflow:hidden; width:105%}
.list1_1 li{ width:388px; float:left; margin-right:18px; margin-bottom:25px}

.page{ text-align:center; margin-bottom:20px; margin-top:20px}
.page a{ font-size:14px !important; color:#666; text-decoration:none; padding:10px 15px 10px 15px; border:#d9d9d9 solid 1px; margin-left:5px; margin-right:5px}

.title_1{ margin-top:55px; overflow:hidden; margin-bottom:0px; border-bottom:#cacaca solid 1px; padding-bottom:10px; width:1200px; margin:0 auto}
.title_1 a{ font-size:16px; text-decoration:none; line-height:35px; display:inline; float:right;}
.title_1 p{ font-size:14px; color:#6ea9a3; float:left; display:inline; margin-top:5px;}
.title_1 strong{color:#6ea9a3; float:left; display:inline; font-weight:normal; margin-left:8px; margin-right:8px;}
.title_1 span{ font-size:24px; display:inline;  float:left; font-weight:bold}

.list_1{ width:1200px; margin:0 auto; margin-top:25px;}
.list_1 ul{ overflow:hidden; width:105%}
.list_1 li{ width:390px; float:left; margin-right:16px; margin-bottom:25px; text-align:center}
.list_1 li img{ width:390px; height:250px;}
.list_1 p{ font-size:16px; margin-top:10px}

.list_2{ width:1200px; margin:0 auto; margin-top:25px; padding-bottom:30px; margin-bottom:50px}
.list_2 ul{ overflow:hidden; width:105%}
.list_2 li{ width:360px; float:left; margin-right:17px; margin-bottom:0px; text-align:center; margin-left:22px; margin-top:25px}
.list_2 li img{ width:368px; height:273px; display:block}
.list_2 p{ font-size:16px; margin-top:10px}


.news1 ul{ width:1200px; margin:0 auto}
.news1 img{ width:340px; height:202px; float:left; margin-right:30px; display:inline}
.newsFonts1{ float:left; margin-right:30px; display:inline; width:700px}
.news1 li{ overflow:hidden;padding-top:60px; padding-bottom:60px}
.newsFonts1 span{ font-size:18px; color:#333}
.newsFonts1 .as{ color:#666666; font-size:14px; border:#e1e1e1 solid 1px; padding:10px 15px 10px 15px; margin-top:30px; display:block; width:100px; text-align:center}
.news1 a{ text-decoration:none}
.newsFonts1 p{ font-size:14px; color:#666; margin-top:30px; line-height:25px}
.newsTime1{ float:right; display:inline; text-align:center; font-family:Arial, Helvetica, sans-serif; padding-top:50px}
.newsTime1 span{ font-size:60px; border-bottom:#e1e1e1 solid 1px;}
.newsTime1 p{ margin-top:15px}
.news1:hover{ background:#f8f8f8}
.newscontanter1{ background:#f6f6f6; padding-top:60px; padding-bottom:80px}
.newsmain1{ overflow:hidden}
.newsmainleft1{ width:800px; float:left; padding:20px 20px 50px 20px; background:#FFF;}
.newsmainleft1 .title1{ text-align:left; border-bottom:1px #e5e5e5 solid; padding-bottom:20px;}
.newsmainleft1 .title1 span{ font-size:24px; color:#00803b;}
.newsmainleft1 .title1 p{ color:#666666; margin-top:20px}
.newsmainleft1 .title1 p img{ float:left;}
.newsmainleftcontont1 img{ max-width:800px;}
.newsmainright1{ float:right; width:330px;}
.newsmainright1 h1{ background:#00803b; color:#FFF; font-size:18px; padding:0px; margin:0px; line-height:50px; text-align:center; margin-bottom:15px}
.newsmainright1 a{ text-decoration:none; color:#666666}
.newsmainright1 li{border-bottom:#e1e1e1 solid 1px; line-height:30px; margin-top:20px}
.newsmainright1 li time{ font-size:14px; color:#666666; font-family:Arial, Helvetica, sans-serif}
.border{ border-bottom:#e1e1e1 solid 1px;}

.titles{ color:#000000; font-size:24px; text-align:center; margin-top:20px}
.ts{ font-size:12px; color:#b0b0b0; text-align:center; line-height:50px; border-bottom:#d9d9d9 solid 1px; width:1200px; margin:0 auto}
.nexts{ overflow:hidden; margin-top:20px; border-bottom:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; padding:10px 0 10px 0; line-height:30px; width:1200px; margin:0 auto}
.nexts a{ font-size:16px; color:#666666; display:block; text-decoration:none;}

.containter{ width:1162px; margin:0 auto; margin-top:20px;  padding:30px 20px 30px 20px }
.containter img{ max-width:100%; width:auto}


.fwzx{ background:#f1f1f1; padding-top:10px; margin-top:20px; padding-bottom:60px; margin-bottom:40PX}
.fwzx li{ overflow:hidden}
.fwzx h1{ color:#FFF; font-size:30px;}
.fwzx div{ width:569px; }

.fwzx div h1{ float:left; width:45px; height:45px; text-align:center; line-height:45px; margin-right:15px;border-top-left-radius:1rem;border-bottom-right-radius:1rem;transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;}
	.fwzx img{ transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;}
.fwzx div dt{ font-size:24px; font-weight:bold}
.fwzx div dd{ font-size:15px; color:#666; line-height:35px; margin-top:15px}
.fwzx dl{ margin-top:60px}
.fwzx li:nth-child(1) img{ width:514px; height:493px}
.fwzx li:nth-child(1) div{float:left}
.fwzx li:nth-child(1) img{ float:right}

.fwzx li:nth-child(2) img{ width:573px; height:418px}
.fwzx li:nth-child(2) div{float:right}
.fwzx li:nth-child(2) img{ float:left}

.fwzx li:hover h1{border-top-right-radius:1rem;border-bottom-left-radius:1rem;border-top-left-radius:0rem;border-bottom-right-radius:0rem}
.fwzx li:hover img{ opacity:0.8}
.w1200{ width:1200px; margin-left:auto; margin-right:auto}
.title-s { text-align:center;}
.title-s span{ font-size:24px;color:#909090; display:block; margin-bottom:15px}
.title a{ font-size:24px; color:#323232;  text-decoration:none; font-family:"微软雅黑";  line-height:18px;}
.title-s p{ font-size:14px; color:#666666; margin-top:15px}


.title-ss { overflow:hidden; border-bottom:#cacaca solid 1px;}
.title-ss span{ font-size:24px; display:inline-block; margin-bottom:8px; float:left;}
.title-ss  a{ font-size:15px;   text-decoration:none; font-family:Arial, Helvetica, sans-serif;  line-height:40px; display:inline; float:right}

/*分页*/
.pagebox{ display: block; overflow: hidden; text-align: center; margin-top: 10px; padding: 20px 0 0; }
#page{ overflow:hidden; text-align:center; font-size:14px; clear:both; margin: 0 -3px; position: relative; display: inline; display: inline-block;}
#page a,#page span{padding:0 13px;  height:34px; line-height:34px; background-color:#fff; border:1px solid #ebebeb;margin:2px 3px; display:inline; float:left; color:#666;border-radius: 3px;}
#page span.active,#page a:hover{ background: rgb(0, 90, 210); color:#fff; border-color: rgb(0, 90, 210); }
#page span input{ width:25px; height:16px; border:1px solid #ebebeb; background:none; margin-top:8px; float:left; margin-right:5px; padding-left:3px;}
#page span.disabled{ color: #ddd; border-color: #ebebeb; cursor: not-allowed}

.messtitle{ font-size: 36px; text-align: center;
    color: #333;
    line-height: 40px;
    font-weight: normal}
.messdesc{ color: #666; margin:10px 20px;text-align: center;    }
.msgbox { margin-top: 20px;
    background: #fff;
    padding: 60px 170px;
    position: relative;
}
.msgbox:before {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    overflow: hidden;
    position: absolute;
    left: -113px;
    bottom: -25px;
    background: url(../images/msgBg.png) no-repeat left bottom;
}

.form_dl {
    position: relative;
    z-index: 5;
    margin: 0px -15px;
}

.form_dl dd {
    width: 33.3333333%;
    float: left;
    display: inline;
    padding: 15px 0px;
}

.form_dl dt {
    width: 100%;
    float: left;
    display: inline;
    padding: 15px 0px;
}

.formDiv {
    margin: 0px 15px;
    position: relative;
    z-index: 5;
}

.formC {
    background: #f4f4f4;
    border-radius: 3px;
    padding: 0px 10px;
    position: relative;
    overflow: hidden;
}

.formC:after {
    display: block;
    content: "";
    overflow: hidden;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #f4f4f4;
}

.warning .formC:after {
    background: #e10922;
}

.formInp {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f4f4f4;
    border-radius: 3px;
    font-size: 14px;
    color: #999;
    outline: none;
    border: none;
    font-family: 'FuturaLTLight', 'Microsoft YaHei', "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

.formArea {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 125px;
    line-height: 25px;
    background: #f4f4f4;
    border-radius: 3px;
    font-size: 14px;
    color: #999;
    outline: none;
    border: none;
    line-height: 25px;
    padding: 5px 0px;
    resize: none;
    font-family: 'FuturaLTLight', 'Microsoft YaHei', "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}

.msgBtBox {
    overflow: hidden;
    position: relative;
    z-index: 5;
}

a.msgBt {
    display: block;
    width: 260px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    border-radius: 3px;
    background: #eee;
}

.msgBt.hover {
    background: #005aaa;
    color: #fff;
}