html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,table,tr,th,td {margin:0;padding:0}
body,input,textarea,select{font:12px/1.5 tahoma,arial,"Hiragino Sans GB","Microsoft Yahei","\5b8b\4f53"; color:#010101; -webkit-font-size-adjust: none; }
h1,h2,h3,h4,h5,h6 {font-size: 12px;}
h6 {font-weight: normal;}
input, textarea, select, button {font-size:12px;font-weight:normal;font-family:inherit}
input[type="button"],input[type="submit"],select,button {cursor:pointer}
table {border-collapse:collapse;border-spacing:0;width:100%;}
em,i,b {font-style: normal;font-weight: normal}
ul{list-style:none;}
img {border:none;vertical-align:middle;-ms-interpolation-mode:bicubic;}
input,textarea,select{resize:none;}
.cl:before,.cl:after{content:"";display:table;clear:both;}
.cl{*zoom:1;}
a{text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); color:#333; cursor:pointer}
a:hover{ text-decoration:none; color:#f00;}
.fr {float: right;}.fl { float: left;}.cred { color: #b70404;}.tc { text-align: center;}
body { background: #c0c0c0; }
.wrapper { width: 1267px; background-color: #fff; margin: auto;}
#header { margin-bottom: 1px;}
#top { height: 72px;}
#top #logo { float: left; width: 191px; padding-top: 8px; padding-left: 22px;}
#top #topr { float: right; width: 595px; padding-top: 26px;}
.search { float: left; width: 255px;}
.search .stxt { float: left; border: 1px solid #e4e9ef; width: 190px; height: 25px; padding: 0 11px; line-height: 25px; margin-right: 6px;}
.search .sbtn { width: 29px; height: 27px; cursor: pointer; background: url(../images/search.png) no-repeat; border: 0 none;}
#top .tel { float: right; padding-left: 37px; background: url(../images/tel.png) no-repeat left center; height: 24px; line-height: 24px; color: #9b9b9b; font-size: 15px; width: 260px}
#top .tel strong { font-size: 19px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal;}
#nav { background-color: #eee; height: 53px;}
.menu li { float: left; height: 53px; line-height: 53px; font-size: 15px; font-weight: bold;}
.menu li a { display: inline-block; height: 53px; line-height: 53px; padding: 0 28px;}
.menu li a:hover,.menu li.current a { background-color: #333; color: #fff;}
#banner { position: relative; height: 334px; width: 1267px; overflow: hidden;}
#banner .bd { width: 1267px; height: 334px; overflow: hidden;}
#banner .bd li { float: left; width: 1267px; height: 334px;}
#banner .hd { height: 36px; width: 1267px; left: 0; bottom: 0; background-color: rgba(0,0,0,.6); text-align: center; position: absolute;}
#banner .hd ul { padding-top: 12px;}
#banner .hd li { display: inline-block; margin: 0 15px; width: 13px; height: 13px; border-radius: 50%; text-indent: -9999px; background-color: #fff; cursor: pointer; overflow: hidden;}
#banner .hd li.on { background-color: #38aaa2;}
.mtop { margin-bottom: 45px;}
.mtop h2 { color: #333; font-size: 30px; text-align: center; font-weight: normal; padding: 30px;}
.mroll { width: 780px; position: relative; overflow: hidden; margin: auto; height: 240px;}
.mroll .bd { overflow: hidden; width: 780px; height: 240px;}
.mroll .bd li { float: left; text-align: center; width: 246px; margin-right: 20px;}
.mroll .bd li a.pic { display: block; width: 246px; height: 186px;}
.mroll .bd li h5 { font-size: 15px; padding: 8px;}
.indexcate { background-color: #38a9a3;}
.indexcatelist { width: 780px; margin: auto; padding-top: 48px; padding-bottom: 15px;}
.indexcatelist li { float: left; text-align: center; width: 152px; margin-bottom: 25px;}
.indexcatelist li a.pic { width: 81px; height: 81px; display: block; margin: auto; border-radius: 50%; background-color: #fff; text-align: center; overflow: hidden;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.indexcatelist li a.pic:hover {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom}
.indexcatelist li h5 { font-size: 14px; padding: 15px 0;}
.indexcatelist li h5 a { color: #fff;}
.indexabout { width: 940px; margin: auto; padding: 25px 0;}
.indexabout .aboutpic { float: left; width: 330px; text-align: right; padding-top: 25px;}
.indexabout .aboutinfo { float: right; width: 540px;}
.indexabout .aboutinfo h3 { font-weight: normal; font-size: 28px; margin-bottom: 18px;}
.indexabout .aboutinfo h3 a { color: #cc5d38;}
.indexabout .aboutinfo p { color: #9b9b9b; font-size: 13px;}
.indexabout .aboutinfo h4 { margin-top: 14px; font-size: 13px; color: #cc5d38;}
.indexnews { background-color: #eee; clear: both;}
.indexnewscon { width: 690px; margin: auto; padding: 25px 0 45px;}
.indexnewscon h3 { font-size: 28px; font-weight: normal; color: #cc5d38; margin-bottom: 20px;}
.newspic { float: right; margin-top: -25px;}
.newslist li { padding-left: 28px; background: url(../images/dot.png) no-repeat left center; line-height:24px; font-size:13px;}
.newslist li a { color: #9b9b9b;}
.newslist li a:hover { color: #c00;}
.vmore { margin-top: 35px; padding-left: 220px; font-size: 13px; font-weight: bold;}
.vmore a { color: #d85838;}
#friendlink { text-align: center; padding: 40px 0;}
#friendlink label { font-size: 15px; color: #e1704b; font-weight: bold;}
#footer { background-color: #d85838; color: #fff; padding: 35px 0; font-size: 13px; line-height: 20px; text-align: center;}
#footer .botnav { margin-bottom: 14px;}
#footer a { color: #fff; margin: 0 5px;}
#footer a:hover { color: #ff0;}
.mbanner { overflow: hidden; margin-bottom: 15px;}
.location { border-bottom: 1px solid #f6f6f6; padding: 10px 38px; color: #787878; font-size: 13px;}
.location a { color: #787878;}
.location a:hover { color: #c00;}
.mainbox { background: url(../images/dotline.png) repeat-y 237px 0;}
.mleft { float: left; width: 188px; padding: 35px 25px;}
.catelist dt {height: 28px; line-height: 28px; font-size: 14px; font-weight: bold; padding-left: 22px; background: url(../images/dot1.png) no-repeat 9px center;}
.catelist dt a { color: #10b6a8;}
.catelist dt.active { background:#10b6a8 url(../images/dot2.png) no-repeat 9px center;}
.catelist dt.active a { color: #fff;}
.catelist dd { padding: 0 0 4px 40px; font-size: 14px;}
.catelist dd li { padding: 4px 0;}
.mright { float: right; width: 960px; padding-top: 35px;}
.mrbox {}
.mlist li { float: left; margin-right: 30px; margin-bottom: 25px; width: 140px; height: 174px; overflow: hidden; border: 6px solid #fff; text-align: center;}
.mlist li a.pic { display: block; width: 140px; height: 140px; overflow: hidden;}
.mlist li h5 { font-size: 14px; font-weight: normal; padding: 8px 0;}
.mlist li h5 a { color: #00264d;}
.mlist li h5 a:hover { color: #000;}
.mlist li:hover {background-color: #e2e2e2; border-color: #e2e2e2;}
.pages { text-align: center; padding: 25px; font-size: 14px; padding-right: 100px;}
.pages a { color: #636363; font-size: 14px; padding: 0 5px;}
.pages a.cur { color: #10b6a8;}
.mrtop { width: 800px; margin-bottom: 35px;}
.mrtop .propic { float: left; width: 308px; height: 306px; border: 1px solid #f1f0f0}
.mrtop .proinfo { float: right; width: 360px;}
.mrtop .proinfo h5 { font-size: 17px; margin-bottom: 20px; color: #3aa9a0;}
.mrtop .proinfo p { font-size: 14px; line-height: 30px; color: #555555;}
.mrtop .proinfo .op { padding-top: 10px;}
.mrtop .proinfo .op a { display: block; width: 240px; height: 39px; line-height: 39px; text-align: center; font-size: 18px; color: #fff; border-radius: 5px; background-color: #d95838; font-weight: bold;}
.probox { width: 800px;}
.probox h3 { font-size: 14px; color: #3aa9a0; margin-top: 20px;}
.probox p { color: #555; line-height:24px; font-size: 14px;}
.relatepro { padding: 20px 0 40px;}
.relatepro h2 { font-size: 14px; color: #3aa9a0; margin-bottom: 22px;}
.relist li { float: left; width: 170px; margin-bottom: 15px;}
.relist li h5 { padding: 5px 0; font-size: 14px; font-weight: normal;}
.relist li h5 a { color: #00264d;}
.newsbox { width: 945px; margin: auto; padding: 32px 0 60px; overflow: hidden;}
.picnews { margin-bottom: 20px;}
.picnewslist { width: 130%;}
.picnewslist li { float: left; margin-right: 200px;}
.nlist { width: 130%;}
.nlist li { float: left; width: 330px; padding-left: 40px; font-size: 14px; line-height: 2; margin-right: 200px; background: url(../images/dot1.png) no-repeat 19px center;}
.newsbox h1 { text-align: center; font-size: 18px; color: #3aa8a7;}
.newsbox h6 { padding: 10px; font-size: 13px; text-align: center; color: #555;}
.artbox { padding: 55px 0; font-size: 14px; color: #555; line-height: 2;}
.artbox h5 { margin-top: 22px; color: #3aa8a7; font-size: 14px;}
.close { text-align: center; color: #3aa8a7; font-size: 18px; font-weight: bold;}
.close a { color: #3aa8a7;}
.about { width: 1055px; margin: auto; padding: 55px 0 80px;}
.about .aboutpic { float: left; width: 390px;}
.about .aboutinfo { float: right; width: 610px; font-size: 14px; color: #555; line-height: 1.9;}
.about .aboutinfo h5 { color: #3aa9a0; margin-top: 20px; font-size: 14px;}
.contact { width: 950px; margin: auto; padding: 55px 0 110px;}
.contact .map { float: left; width: 473px; padding: 3px; box-shadow: 0 0 0 2px rgba(0,0,0,.1);}
.contact .contactinfo { float: right; width: 425px; padding-top: 60px; line-height: 1.8; font-size: 14px; color: #555;}
.contact .contactinfo h5 { font-size: 14px;}
.formbox { width: 580px; margin: auto; padding: 27px 0 70px;}
.formbox h3 { text-align: center; margin-bottom: 42px;}
dl.flist {}
dl.flist dt { clear: both; font-size: 14px; line-height: 30px; height: 30px; color: #555;}
dl.flist dd { margin-top: -30px; margin-bottom: 17px; padding-left: 104px;}
.tittxt,.nametxt,.tarea,.codetxt { border: 1px solid #ccc; width: 160px; height: 18px; padding: 5px 10px;}
.tittxt { width: 444px;}
.tarea { width: 444px; height: 112px;}
.codetxt { width: 50px; vertical-align: middle;}
dl.flist dd img { vertical-align: middle; margin: 0 20px;}
dl.flist dd a.recode { color: #d95838;}
.formop { padding: 50px 0 0; text-align: center; clear: both;}
.formop input { margin: 0 10px;}

@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        -ms-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        -ms-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        -ms-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}