﻿ /* wmx80_css  */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em{margin:0; padding:0; border:0; }
ul, ol, li{list-style:none; }
input, button,textarea{margin:0; font-size:12px; vertical-align:middle; font-family:microsoft yahei, arial, helvetica, sans-serif;}
body,select{font:1rem microsoft yahei, arial, helvetica, sans-serif; margin:0; color:#515567;}
table{border-collapse:collapse; border-spacing:0; }
a{text-decoration:none; outline:none; color:#515567; -webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out; }
img{-webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out; }
a:hover{text-decoration:none; -moz-transition:color .4s linear; -webkit-transition:color .4s linear; transition:color .35s linear; }
.cl{height:0; font-size:1px; clear:both; line-height:0; }
a,img,button,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-appearance:none; outline:none}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.none{display:none}
*:focus{outline:none}
i,em,ins,u{font-style:normal; text-decoration:none }	
nav,footer,section,header,article{display:block;}
.wrap{margin:0 auto; width:640px;}
.bgfff{ background:#fff}
.pt48{ padding-top:48px}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.oh{ overflow:hidden}
.mt10{ margin-top:10px;}
.plr10{ padding:0 10px}
.ptb10{ padding:10px 0}
.pd10{ padding:10px;}
.bornone{ border:none !important}
.clearfix{*zoom:1; }
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0; }
.clearfix:after{clear:both; }
input[type="submit"],
input[type="reset"],
input[type="button"],
button{-webkit-appearance:none;}
::-webkit-scrollbar{width:3px;height:3px; }
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-track:hover{background:#eee;}
::-webkit-scrollbar-thumb{border-radius:10px;background:#b9b9b9; }
::-webkit-scrollbar-thumb:hover{background:#747474;}
::-webkit-scrollbar-thumb:active{background:#555;}

html{font-size:15px;}
.header{ padding:1rem; background: #fff;}
.header .logo{ width:50%}
.header .logo img{ display:block; height: 60px;}
.header .tel{ text-align:right; width:50%; line-height:30px; color: #fe9200; font-size: 22px; font-weight: bold; text-align: right;}
.header.bghs{ background:#fafafa; border-bottom:1px solid #dcdcdc}

.navsd{ text-align:center;font-size:24px; position:relative; background: #fff}
.navsd ul{ border-top:1px solid #dedede; overflow:hidden}
.navsd ul li{ display:block; float:left; width:20%; color:#333333; height:80px; line-height:80px; overflow:hidden;}
.navsd .ctsd{ width:100%; background:rgba(255,255,255,0.8); position:absolute; top:80px; border-top:1px solid #dedede; display:none; z-index: 9999;}
.navsd .ctsd ol{ padding:0.8rem 1rem}
.navsd .ctsd ol li{ display:block; float:left; width:33.33%; color:#333333; height:60px; line-height:60px; overflow:hidden;}

.apindpart1{padding: 20px 0;}
.apindpart1 .titles{text-align: center;}
.apindpart1 .titles h1{display: block; font-size: 34px; font-weight: normal; line-height: 50px; color: #333333; padding-bottom: 15px;}
.apindpart1 .titles h1 b{ color: #33a196; font-weight: bold;}
.apindpart1 .titles .bgs{ width: 50px; height: 4px; background: #33a196; margin: 0 auto; border-radius: 4px;}
.apindpart1 .cont{padding: 36px 20px 0; color: #666666; font-size: 24px; line-height: 34px;}
.apindpart1 .cont .zprt{ width: 50%; float: left;}
.apindpart1 .cont .zprt img{display: block;}
.apindpart1 .cont .zprt .word{padding-top: 15px; padding-right:20px;}

.apindpart2{padding: 55px 0; background: url(../images/webbg1.jpg) no-repeat center;}
.apindpart2 .titles{text-align: center;}
.apindpart2 .titles h1{display: block; font-size: 34px; font-weight: normal; line-height: 50px; color: #333333; padding-bottom: 15px;}
.apindpart2 .titles h1 b{ color: #33a196; font-weight: bold;}
.apindpart2 .titles .bgs{ width: 50px; height: 4px; background: #33a196; margin: 0 auto; border-radius: 4px;}
.apindpart2 .pic{padding-top: 40px;}
.apindpart2 .pic img{display: block; width: 100%;}
.apindpart2 dl{padding:30px 20px 0; font-size: 24px; color: #333333; line-height: 34px;}
.apindpart2 dl dt{font-weight: bold; font-size: 28px; color: #333; padding-bottom: 5px;}
.apindpart2 dl dd{text-indent: 1em; background: url(../images/lisbg.png) no-repeat left 14px; margin: 8px 0;}
.apindpart2 .btn{padding-top: 30px;}
.apindpart2 .btn a{width:250px;height:60px;background:#f8b500;color: #fff;text-align: center;border-radius: 10px; display: block; font-size: 24px; line-height: 60px; margin: 0 auto;}

.apindpart3{padding: 55px 0; background: url(../images/webbg2.jpg) no-repeat center bottom;}
.apindpart3 .titles{text-align: center;}
.apindpart3 .titles h1{display: block; font-size: 34px; font-weight: normal; line-height: 50px; color: #333333; padding-bottom: 15px;}
.apindpart3 .titles h1 b{ color: #33a196; font-weight: bold;}
.apindpart3 .titles .bgs{ width: 50px; height: 4px; background: #33a196; margin: 0 auto; border-radius: 4px;}
.apindpart3 .pic{padding-top: 40px;}
.apindpart3 .pic img{display: block; width: 100%;}
.apindpart3 .word{padding: 0 20px; font-size: 22px; color: #666666; line-height: 34px;}
.apindpart3 .word dl{padding:30px 0px 15px;}
.apindpart3 .word dl dt{font-weight: bold; font-size: 28px; color: #333; padding-bottom: 5px;}
.apindpart3 .word dl dd{text-indent: 1em; background: url(../images/lisbg.png) no-repeat left center; margin: 5px 0;}
.apindpart3 .word b{display: block; font-size: 28px; color: #333; padding-bottom:15px;}
.apindpart3 .word p{display: block; text-indent: 2em;}
.apindpart3 .word span{display: block; text-align: center; font-size: 24px; padding-top: 5px;}
.apindpart3 .word span a{color: #33a196; font-weight: bold;}
.apindpart3 .btn{padding-top: 30px;}
.apindpart3 .btn a{width:250px;height:60px;background:#f8b500;color: #fff;text-align: center;border-radius: 10px; display: block; font-size: 24px; line-height: 60px; margin: 0 auto;}

.apindpart4{padding: 55px 0; background: url(../images/webbg3.jpg) no-repeat center bottom;}
.apindpart4 .titles{text-align: center;}
.apindpart4 .titles h1{display: block; font-size: 34px; font-weight: normal; line-height: 50px; color: #333333; padding-bottom: 15px;}
.apindpart4 .titles h1 b{ color: #33a196; font-weight: bold;}
.apindpart4 .titles .bgs{ width: 50px; height: 4px; background: #33a196; margin: 0 auto; border-radius: 4px;}
.apindpart4 .titles p{display: block; padding: 20px 20px 0; color: #666666; font-size: 24px;}
.apindpart4 .cont{padding: 40px 20px 0;}
.apindpart4 .tabtles ul{ margin: 0 -5px;}
.apindpart4 .tabtles li{ float: left; margin: 0 6px; cursor: pointer; background: #fff; width: 110px; height: 110px; text-align: center; border-radius: 8px; box-shadow: 0 0 8px rgba(0,0,0,.5); color: #33a196;}
.apindpart4 .tabtles li.on{ background: #33a196; color: #fff;}
.apindpart4 .tabtles li em{ text-align: center; font-size: 22px; display: block;}
.apindpart4 .tabtles li i.i1{ background: url(../images/indotlepic1.png) no-repeat center;}
.apindpart4 .tabtles li i.i2{ background: url(../images/indotlepic2.png) no-repeat center;}
.apindpart4 .tabtles li i.i3{ background: url(../images/indotlepic3.png) no-repeat center;}
.apindpart4 .tabtles li i.i4{ background: url(../images/indotlepic4.png) no-repeat center;}
.apindpart4 .tabtles li i.i5{ background: url(../images/indotlepic5.png) no-repeat center;}
.apindpart4 .tabtles li.on i.i1{ background: url(../images/indotlepic1a.png) no-repeat center;}
.apindpart4 .tabtles li.on i.i2{ background: url(../images/indotlepic2a.png) no-repeat center;}
.apindpart4 .tabtles li.on i.i3{ background: url(../images/indotlepic3a.png) no-repeat center;}
.apindpart4 .tabtles li.on i.i4{ background: url(../images/indotlepic4a.png) no-repeat center;}
.apindpart4 .tabtles li.on i.i5{ background: url(../images/indotlepic5a.png) no-repeat center;}
.apindpart4 .tabtles li i{display: block; height: 70px; background-size: 60px !important;}
.apindpart4 .tabcontm{ background: #fff; padding: 40px 20px; margin: 40px -20px; position: relative;}
.apindpart4 .tabcontm .zpart .jt{width: 0; height: 0; border-width: 18px; border-color:transparent transparent #fff transparent; border-style: dashed; position: absolute;top: -36px;}
.apindpart4 .tabcontm .zprt1 .jt{left: 55px;}
.apindpart4 .tabcontm .zprt2 .jt{left: 180px;}
.apindpart4 .tabcontm .zprt3 .jt{left: 300px;}
.apindpart4 .tabcontm .zprt4 .jt{left: 425px;}
.apindpart4 .tabcontm .zprt5 .jt{left: 545px;}
.apindpart4 .cont .zpart .pic img{display: block; width: 100%;}
.apindpart4 .cont .zpart .word{padding-top:30px;}
.apindpart4 .cont .zpart .word b{display: block; padding-bottom: 15px; font-size: 28px; color: #33a196; font-weight: bold;}
.apindpart4 .cont .zpart .word p{display: block; font-size: 24px; line-height: 34px; color: #666666; text-indent: 2em;}
.apindpart4 .btn{padding-top: 10px;}
.apindpart4 .btn a{width:250px;height:60px;background:#f8b500;color: #fff;text-align: center;border-radius: 10px; display: block; font-size: 24px; line-height: 60px; margin: 0 auto;}

.apindpart5{padding: 55px 0;}
.apindpart5 .titles{text-align: center;}
.apindpart5 .titles h1{display: block; font-size: 34px; font-weight: normal; line-height: 50px; color: #333333; padding-bottom: 15px;}
.apindpart5 .titles h1 b{ color: #33a196; font-weight: bold;}
.apindpart5 .titles .bgs{ width: 50px; height: 4px; background: #33a196; margin: 0 auto; border-radius: 4px;}
.apindpart5 .titles p{display: block; padding: 20px 20px 0; color: #666666; font-size: 24px;}
.apindpart5 .slideBox{position:relative; overflow:hidden; width:100%; padding-bottom:50px; margin-top:30px;}
.apindpart5 .slideBox .hd{position:absolute; height:40px; bottom:0; z-index:1; left:0; text-align: center; width: 100%; text-align:center; line-height: 40px;}
.apindpart5 .slideBox .hd li{display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #f8b500; text-indent:-9999px; overflow:hidden; margin:0 5px; opacity:0.8; cursor: pointer;}
.apindpart5 .slideBox .hd li.on{background:#f8b500; }
.apindpart5 .slideBox .bd{position:relative; z-index:0;}
.apindpart5 .slideBox .bd li{position:relative; text-align:center;}
.apindpart5 .slideBox .bd li img{vertical-align:top; width:100%; }
.apindpart5 .slideBox .bd li i{display: block; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); color:#fff; font-size: 1.2rem; padding: .5rem 1.2rem; line-height: 2.6rem; text-align: left;}
.apindpart5 .slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.apindpart5 .btn{padding-top: 40px;}
.apindpart5 .btn a{width:250px;height:60px;background:#f8b500;color: #fff;text-align: center;border-radius: 10px; display: block; font-size: 24px; line-height: 60px; margin: 0 auto;}

.apindpart6{padding: 55px 0 15px; background: #f7f7f7;}
.apindpart6 .titles{text-align: center;}
.apindpart6 .titles h1{display: block; font-size: 34px; font-weight: normal; line-height: 50px; color: #333333; padding-bottom: 15px;}
.apindpart6 .titles h1 b{ color: #33a196; font-weight: bold;}
.apindpart6 .titles .bgs{ width: 50px; height: 4px; background: #33a196; margin: 0 auto; border-radius: 4px;}
.apindpart6 .pic{padding-top: 40px;}

.apindpart6 ul{color: #666; font-size: 24px; line-height: 34px; padding: 0 20px;}
.apindpart6 ul li{border-bottom:1px #ccc dotted;padding: 15px 0;}
.apindpart6 ul li:last-child{border: none;}
.apindpart6 ul li b{display: block; font-weight: bold; cursor: pointer; font-size: 24px; color: #333333; position: relative; line-height: 40px;}
.apindpart6 ul li b:after{display: block; content: ""; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px;right: 0; background: url(../images/downico.png) no-repeat center;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.apindpart6 ul li.on b:after{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.apindpart6 ul li p{display: none; font-size: 24px; color: #666666; text-indent: 2em; padding-top: 10px;}

.apindpart7{padding: 55px 0; background: #fff;}
.apindpart7 .titles{text-align: center;}
.apindpart7 .titles h1{display: block; font-size: 34px; font-weight: normal; line-height: 50px; color: #333333; padding-bottom: 15px;}
.apindpart7 .titles h1 b{ color: #33a196; font-weight: bold;}
.apindpart7 .titles .bgs{ width: 50px; height: 4px; background: #33a196; margin: 0 auto; border-radius: 4px;}
.apindpart7 .pic{padding-top: 40px;}
.apindpart7 .pic img{display: block; width: 100%;}
.apindpart7 .word{padding:30px 20px;}
.apindpart7 .word p{display: block; line-height: 34px; font-size: 24px; color: #666; text-indent: 2em;}
.apindpart7 .picont{padding:20px 20px 0;}
.apindpart7 .picont img{display: block; width: 100%;}
.apindpart7 .tips{font-size: 22px; color: #33a196; line-height: 36px; text-align: center; padding-top: 10px;}
.apindpart7 .btn{padding-top: 30px;}
.apindpart7 .btn a{width:250px;height:60px;background:#f8b500;color: #fff;text-align: center;border-radius: 10px; display: block; font-size: 24px; line-height: 60px; margin: 0 auto;}

.apindpart8{background: url(../images/webbg4.jpg) no-repeat center; height: 710px; color: #fff; margin-bottom:70px; padding-top: 90px;}
.apindpart8 .titles{text-align: center;}
.apindpart8 .titles h1{display: block; font-size: 34px; font-weight: normal; line-height: 50px; color: #fff; padding-bottom: 15px;}
.apindpart8 .titles .bgs{ width: 50px; height: 4px; background: #fff; margin: 0 auto; border-radius: 4px;}
.apindpart8 .cont{padding-top: 45px;}
.apindpart8 .cont p{display: block; padding: 0 20px; font-size: 24px; line-height: 34px; text-indent: 2em;}

.ftwrap{ position:fixed; width:100%; bottom:0; left:0; z-index:99999999}
.ftwrap .conts{ background: #fff; color: #fff; text-align: center;}
.ftwrap .conts .tips{ font-size: 1.2rem; padding: 0.8rem 0;}
.ftwrap .conts .tips b{ font-weight: bold; margin: 0 .2rem;}
.ftwrap .conts ul{padding:0rem;}
/*.ftwrap .conts li{ float: left; width: 25%; text-align: center;}*/
.ftwrap .conts li{ float: left; width: 33.333%; text-align: center;}
.ftwrap .conts li a{display: block; line-height:80px; color: #000000 !important; border-left: 1px solid #ccc;font-size: 24px;}
.ftwrap .conts li:nth-child(2n-1) a{ background: #f8b300;}
.ftwrap .conts li:first-child a{border: none;}

