﻿ /* 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: 0 20px;}
.apindpart1 .cont dl{padding-top: 30px;}
.apindpart1 .cont dt{color: #333333; font-size: 28px; font-weight: bold; padding-bottom: 10px;}
.apindpart1 .cont dt img{vertical-align: middle; margin-right: 20px;}
.apindpart1 .cont dd{font-size:24px; line-height: 34px;color: #666; text-indent: 2em;}

.apindpart2{padding:50px 0; background:url(../images/webbg1.jpg) no-repeat top 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 ul{padding: 10px 20px; font-size: 24px; line-height: px; color: #;}
.apindpart2 ul li{padding-top: 20px;}
.apindpart2 ul li b{display: block; padding-left: 25px; background: url(../images/sjxico.png) no-repeat left center; color: #333333; font-size: 28px;}
.apindpart2 ul li p{display: block; padding-top: 15px; text-indent: 2em;}


.apindpart3{padding: 55px 0; background:#fff url(../images/webbg2.png) no-repeat left 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 .titles p{display: block; padding: 20px 20px 0; color: #666666; font-size: 24px;}
.apindpart3 .cont{padding: 40px 0px 0;}
.apindpart3 .pic img{display: block; width: 100%;}
.apindpart3 dl{overflow: hidden; padding:10px 20px;}
.apindpart3 dl dd{ float: left; width: 50%; color: #333333; font-size: 24px; line-height: 44px; padding-left: 20px; background: url(../images/lisbg.png) no-repeat left center;}
.apindpart3 .btn{padding-top: 20px;}
.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:#f7f7f7 url(../images/webbg1.png) 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 .cont{padding-top: 40px;}
.apindpart4 .slideBox{position:relative; overflow:hidden; width:100%;}
.apindpart4 .slideBox .hd{position:absolute; height:40px; top:375px; z-index:1; left:0; text-align: center; width: 100%; text-align:center; line-height: 40px;}
.apindpart4 .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;}
.apindpart4 .slideBox .hd li.on{background:#f8b500; }
.apindpart4 .slideBox .bd{position:relative; z-index:0;}
.apindpart4 .slideBox .bd li{position:relative;}
.apindpart4 .slideBox .bd li img{vertical-align:top; width:100%; }
.apindpart4 .slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.apindpart4 .slideBox .word{padding: 60px 20px 0;}
.apindpart4 .slideBox .word dl{padding-bottom: 20px;}
.apindpart4 .slideBox .word dt{display: block; font-weight: bold; font-size: 28px; color: #333; padding-bottom: 12px;}
.apindpart4 .slideBox .word dd{padding-left:20px; background: url(../images/lisbg.png) no-repeat left 14px;font-size:24px; line-height: 34px;color: #666;}
.apindpart4 .slideBox .sbtn{ padding-top: 20px; text-align: center; font-size: 24px;}
.apindpart4 .slideBox .sbtn i{cursor: pointer;	display: inline-block; height: 38px; background: #33a196; line-height: 35px; padding: 0 20px; color: #fff; border-radius: 10px;}
.apindpart4 .slideBox .word b{display: block; font-weight: bold; font-size: 28px; color: #333; padding-bottom: 12px;}
.apindpart4 .slideBox .word p{display: block; font-size: 24px; line-height: 34px; text-indent: 2em; color: #666; text-align: left;}
.apindpart4 .btn{padding-top: 30px;}
.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; 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 .pic img{display: block; width: 100%;}
.apindpart6 .word{padding:30px 20px 10px;}
.apindpart6 .word p{display: block; line-height: 34px; font-size: 24px; color: #666; text-indent: 2em; padding: 15px 0;}
.apindpart6 .picont{padding:20px 20px 0;}
.apindpart6 .picont img{display: block; width: 100%;}
.apindpart6 .tips{font-size: 22px; color: #33a196; line-height: 36px; text-align: center; padding-top: 10px;}
.apindpart6 .btn{padding-top: 30px;}
.apindpart6 .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;}

.apindpart7{background: url(../images/webbg4.jpg) no-repeat center; height: 710px; color: #fff; margin-bottom:70px; padding-top: 90px;}
.apindpart7 .titles{text-align: center;}
.apindpart7 .titles h1{display: block; font-size: 34px; font-weight: normal; line-height: 50px; color: #fff; padding-bottom: 15px;}
.apindpart7 .titles .bgs{ width: 50px; height: 4px; background: #fff; margin: 0 auto; border-radius: 4px;}
.apindpart7 .cont{padding-top: 45px;}
.apindpart7 .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;}

