﻿body{ font-size:12px; font-family:"Microsoft YaHei","宋体",Arial, Helvetica, sans-serif;margin:0;padding:0;color:#323232; background-color:#ffffff; overflow-x:hidden; }
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:-1px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:-1px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
.left{float:left}
.right{float:right}
a{text-decoration:none; color:#666666;}
a:hover{text-decoration:none; color:#1ca085;margin-top: -4px;transition:all 0.2s linear 0s;}
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }

.top{width: 1125px; margin: 0 auto; height:126px; }
.logo{ width: 440px; float: left;}
.toptel{ width: 290px; float: left;}
.topsearch{ width: 360px; float: right; margin-top: 47px;}
.demo_search { 
display:inline-block; 
position:relative; 
height:27px;
padding-top:3px;
} 

.demo_search .demo_sinput { 
float:left; 
width:204px; 
height:30px; 
line-height:19px; 
padding:0 5px; 
line-height: 30px;
border:#d8d8d8 1px solid; 
background:white; 
color:#888; 
font-size:17px; 
outline: none; 
 margin-right: 10px;
 text-indent: 5px;
} 

.demo_search .demo_sbtn { 
cursor:pointer; 
height:32px; 
font-size:12px; 
float:left; 
width:124px; 
margin-left:-1px; 
background:#007F7C; 
display:inline-block; 
vertical-align:middle; 
border:none; 
color:#fff; 
 background: url(../images/topsearch.jpg) no-repeat;
} 

.menu{ width: 100%; height: 50px; background: #1ca085;}
.menuc{ width: 1130px; margin: 0 auto;}
.menuc li{ float: left;}
.menuc a{ width: 140px; display: block; line-height: 50px; color: #fff; text-align: center; font-size: 16px;}
.menuc a:hover{ background: #1c798f;margin-top:0;}

.banner{ width: 100%; height: auto;}
.br1{ position:relative}
.br01{ width: 645px; height: 81px; position: absolute;transition:all 1s ;top: 20%; left:0; }
.br02{ width: 647px; height: 82px; position: absolute;transition:all 0.5s linear 0.5s;opacity: 0 }
.br03{ width: 618px; height: 94px; position: absolute;transition:all 0.5s linear 1s; top:100%; left: 50%; margin-left: -168px;}
.swiper-slide-active .br01{top: 20%; left: 50%; margin-left: -400px;}
.swiper-slide-active .br02{ top: 40%; left: 50%; margin-left: -268px;opacity:1}
.swiper-slide-active .br03{top: 66%; left: 50%; margin-left: -168px;}
.br2{ position:relative}
.br21{ width: 40px; height: 40px; position: absolute;transition:all 2s ease 0s; margin-top: -20px;left:50%;top:50%; margin-top:175px;overflow: hidden; background: url(../images/br21.png) no-repeat left bottom; opacity:0; border-radius: 50%}
.br22{ width: 570px; height: 0px; position: absolute;transition:all 1s linear 1s;opacity: 1; left: 50%; margin-left: -500px; top: 50%; margin-top: -91px;overflow: hidden; }
.swiper-slide-active .br21{width: 620px; height: 430px; margin-left: 0px;opacity:1; border-radius: 0px;top:50%;margin-top: -215px;}
.swiper-slide-active .br22{opacity:1;height: 194px;margin-top:-91px;}

.indexm{ width: 1126px; margin:0 auto; margin-top: 20px;}
.mainl{ width: 340px; float: left;}
.gongyit{ width: 100%; border-bottom: 1px solid #4d4d4d;}
.gongyit a{ float: right; line-height: 38px;}
.gongyit h2{ font-size: 16px; line-height: 2em; color: #1ca085; float: left;} 
.gongyh{ width: 338px; height: 270px; margin: 0 auto; margin-top: 17px;}
.gongyh li{ width: 338px; height: 270px; position: relative;}
.gongyh li p{ display: block; width: 100%; height: 40px; background: url(../images/pbg.png) repeat; position: absolute; bottom: 0; line-height: 40px; text-indent: 1em; color: #fff; font-size: 12px;font-family:"宋体";}
.gongyh .swiper-pagination{ width: 100px; right: 20px; left: auto;z-index: 10;}
.gongyh .swiper-pagination-bullets .swiper-pagination-bullet{ width: 20px; height: 17px; line-height: 17px; text-align:center; background: #2f353b; color: #fff;border-radius:0;opacity: 1; margin:0 2px;}
.gongyh .swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #ff6600;}
.zhinan{ width: 100%; margin-top: 23px;}
.jiancha{ width: 100%; margin-top:10px;}
.zhinan li,.jiancha li{ width: 167px; height: 111px; background: url(../images/zhinanbg.jpg) no-repeat; border: 1px solid #eaeaea; float: left; list-style: none; border-bottom: none;transition:all 0.5s;}
.zhinan li a,.jiancha li a{ display: block; width: 167px;  height: 111px;}
.zhinan li:hover,.jiancha li:hover{background: url(../images/zhinanbg2.jpg) no-repeat;}
.zhinan li.zhinan02{ background-position:-167px 0px; }
.zhinan li.zhinan03{ background-position:-334px 0px; }
.zhinan li.zhinan04{ background-position:-501px 0px; }
.zhinan li.zhinan05{ background-position:0px -111px; }
.zhinan li.zhinan06{ background-position:-167px -111px; }
.zhinan li.zhinan07{ background-position:-334px -111px; }
.zhinan li.zhinan08{ background-position:-501px -111px; }
.jiancha li.jiancha01{ background-position:0px -222px; }
.jiancha li.jiancha02{ background-position:-167px -222px; }
.jiancha li.jiancha03{ background-position:-334px -222px; }
.jiancha li.jiancha04{ background-position:-501px -222px; }
.zhinan li.zhinan02,.zhinan li.zhinan04,.zhinan li.zhinan06,.zhinan li.zhinan08,.jiancha li.jiancha02,.jiancha li.jiancha04{ border-left: none;}
.zhinan li.zhinan07,.zhinan li.zhinan08,.jiancha li.jiancha03,.jiancha li.jiancha04{border-bottom: 1px solid #eaeaea;}

.mainr{ width: 765px; float: right;}
.xinwent{ width: 100%; border-bottom: 1px solid #4d4d4d;}
.xinwent a{ float: right; line-height: 38px;} 
.xinwent a:hover,.gongyit a{ margin: auto;}
.xinwent h2{ font-size: 16px; line-height: 2em; color: #1ca085; float: left;} 
.newsli{ padding-top: 10px;}
.newsli li{ width: 760px; height: 64px; margin-top: 6px;}
.newslil{ width: 62px; height: 47px; background: #1ca085; float: left; margin-right: 15px; color: #fff; text-align: center; padding-top: 15px;}
.newslil h4{ font-size: 14px;font-family:"宋体"; font-weight: normal;}
.newslil span{font-size: 18px;}
.newslir{ float: right; width: 680px;}
.newslir h3{font-size: 16px;font-weight: normal; line-height: 2em; color: #000000;}
a:hover .newslir h3{color:#1ca085;}
.newslir p{ color: #4d4d4d; font-size: 14px; line-height: 2em;}

.bingzhong{ width: 100%; margin-top: 20px;}
.bingzhong li{ width: 370px; height: 202px;transition:all 1s; margin-bottom: 38px;}
.bingzhong li img{transition:all 1s;}
.bingzhong li:hover img{   transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);}
.bzt{ width: 370px; height: 147px; overflow: hidden;}
.bzb{ background: #aeaeae; line-height: 56px; color: #000000; height: 56px;}
.bzb h2{ font-size:20px; font-weight: bold; line-height: 56px; float: left; margin-left: 20px; }
.bzb i{float:right; width: 34px; height: 34px; background: url(../images/mico.png) no-repeat; margin-top:11px; margin-right: 20px;transition:all 0.5s;}
.bingzhong li:hover .bzb i{ background-position: 0px -34px;}

.footer{background:#1ca085; height:260px; padding-top: 26px; width: 100%;}
.footerc{ width:1125px; margin: 0 auto;}
.footerl{ width: 652px; float: left; background: url(../images/footerlbg.jpg) right top no-repeat;}
.footerl li{ width: 90px; float: left; margin-right: 18px;}
.footerl li h3{ font-size: 18px; color: #fff; line-height: 2em; text-align: center; border-bottom: 1px solid #00775f;}
.footerl li a{ width: 100%; display: block; line-height: 2em; font-size: 14px;font-family:"宋体"; color: #fff; text-align: center;white-space: nowrap;}
.footerl li a:hover{ margin: auto; color: #aaaaaa;}
.footerr{ width: 435px; float: right;}
.footerr p{ margin-top: 10px; font-size: 12px; color: #fff; line-height: 2em;font-family:"宋体";}

.zhuanjiam{ width: 1130px; margin: 0 auto; padding-bottom: 40px; background: #fff;}
.linkk{width: 1130px; margin: 0 auto; height: 40px; margin-top: 30px; }
.links{width: 230px; height: 40px; float: right; font-size: 16px; line-height: 40px;background: url(../images/diico.jpg) left center no-repeat; padding-left: 20px}
.zzt{ width: 1126px; margin:0 auto; background: #f3f3f3; height: 124px;}
.zzt li{ width:258px; margin-left: 84px; font-size: 18px; color: #1ca085; margin-top:18px; float: left; line-height: 2em;}
.zzt select{ width: 240px; height: 34px; font-size: 14px; color: #666666; border: none; line-height: 34px;appearance:none; -moz-appearance:none; -webkit-appearance:none;background: url("../images/select.jpg") no-repeat  right center  #fff;  padding-right: 14px; padding-left: 10px}

.zjlist{ width: 100%; margin: 0px auto; background: #fff;}
.zjlist li{ width: 346px; height: 158px; float: left; margin: 14px;}
.zjlil{ width: 126px; float:left;}
.zjzx{ margin-top: 0px; height: 22px;}
.zjlil a{float: left; width: 63px; text-align: center; height: 22px; line-height: 22px; color: #fff; background: #008267; margin: 0;}
.zjlil a.zjzx2{background:#ff6c00;}
.zjlil a:hover{ margin: 0px;}
.zjliimg{ width: 126px; height:134px;}
.zjlir{ width: 204px; height: 150px; float: left; margin-left: 12px;}
.zjlir h2{ font-size: 18px; color: #1ca085; margin-top: 8px; line-height: 15px;}
.zjlir h2 span{ font-size:14px; color: #51575e; font-weight: normal;}
.zjlir p{font-size:14px; color: #51575e; font-weight: normal; line-height: 1.6em;}
.zjlir p span{color: #1ca085;}
.zjlir p a{ color:#e60012; }
.zjti{ width: 100%; border-bottom: 1px solid #1ca085; margin-top: 15px;}
.zjti h2{ width: 156px; height: 34px; background: #1ca085; color: #fff; line-height: 36px; text-align: center; margin: 0;}

.ggbt{ width: 1120px; margin: 0 auto; margin-top: 68px;}
.ggbt li{ float: left; margin: 0 5px; width: 266px; height:126px; }
.ggbt li a{ display: block;width: 266px; height:126px;}
.ggbt li a:hover{margin-top: 0;}
.ggbt1{ background: url(../images/ggbt1.jpg) center no-repeat}
.ggbt1:hover{background: url(../images/ggbt11.jpg) center no-repeat}
.ggbt2{ background: url(../images/ggbt2.jpg) center no-repeat}
.ggbt2:hover{background: url(../images/ggbt21.jpg) center no-repeat}
.ggbt3{ background: url(../images/ggbt3.jpg) center no-repeat}
.ggbt3:hover{background: url(../images/ggbt31.jpg) center no-repeat}
.ggbt4{ background: url(../images/ggbt4.jpg) center no-repeat}
.ggbt4:hover{background: url(../images/ggbt41.jpg) center no-repeat}

#bby{ background: url(../images/bg.jpg) no-repeat bottom center #f4fffc; background-size:100%  auto ;}



