@charset "gb2312";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,input,p,span,tr,td{margin:0;padding:0;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input{ border:0;}input:focus{ outline:none}
em,i{font-style:normal;font-weight:normal}
ul,ol{list-style:none}
h1,h2,h3,h4,h5 {font-size:100%;font-weight:normal}
/*================================ Global css========================*/
body{ font:14px "??"; background: #f2f2f2;}
a{color:#333;text-decoration:none;}
a:hover{color:#31bfa5;}
.red{ color:#b31919;}
.gray{ color:gray;}
.white{ color:#fff;}
.lh{ line-height:30px;}
.pd10{ padding:10px;}
.left{float: left;}
.right{float: right;}
.tcenter{ text-align:center;}
.line{border-bottom: solid #ddd 1px;}
.lineH2{border-bottom: solid #ddd 2px;}
.blankH5{ width:100%; height:5px; overflow:hidden;}
.blankH10{ width:100%; height:10px; overflow:hidden;}
.blankH20{ width:100%; height:20px; overflow:hidden;}
.blankH30{ width:100%; height:30px; overflow:hidden;}
/*=================================par=================================*/
.wrapper{ width:1000px; margin:0px auto}
.content{ background:#fff;}
.banner{background: url(imagesbanner.png) center center no-repeat; width: 100%;height: 494px;}

/*=================================xw=================================*/
.xw{ width:100%; height:400px;}
.xw .xw_l{ width:550px; height:360px;}

.slide {width: 550px;height: 360px;}
.slideBox {position: relative;width: 550px;height: 360px;overflow: hidden;}
.slideBox ul.items {position: absolute;float: left;background: none;list-style: none;padding: 0px;margin: 0px;}
.slideBox ul.items li {float: left;background: none;list-style: none;padding: 0px;margin: 0px;}
.slideBox ul.items li a span {position: relative;bottom: 30px;left: 5px;color: #FFFFFF;z-index: 9999;}
.slideBox ul.items li a {float: left;line-height: normal !important;padding: 0px !important;border: none;}
.slideBox ul.items li a img {margin: 0px !important;padding: 0px !important;display: block;border: none;}
.slideBox div.tips {position: relative;top: 310px;width: 550px;height: 50px;background-color: #000;overflow: hidden;}
.slideBox div.tips div.title {position: absolute;left: 0px;top: 0px;height: 100%;}
.slideBox div.tips div.title a {color: #FFF;font-size: 15px;line-height: 50px;margin-left: 10px;text-decoration: none;}
.slideBox div.tips div.title a:hover {text-decoration: underline !important;}
.slideBox div.tips div.nums {position: absolute;right: 0px;top: 0px;height: 100%;}
.slideBox div.tips div.nums a {display: inline-block;float: left;width: 10px;height: 10px;background-color: #FFF;text-indent: -99999px;margin: 20px 10px 0px 0px;}
.slideBox div.tips div.nums a.active {background-color: #31bfa5;}

.xw .xw_r{ width:440px; height:360px;}
.xw .xw_r .btk{ width:440px; height:auto;}
.xw .xw_r .btk h3{ text-align:left; color:#228674; font-weight:bold; font-size:18px;}
.xw .xw_r .btk p{ width:auto; height:80px; line-height:25px;}
.xw .xw_r ul{ width:100%; padding-top:10px;}
.xw .xw_r ul li{ width:80%; font-size:16px; line-height:35px; margin-left:20px; list-style-image:url(imagesimg.png);}

.n4 dl dd{ margin-left:6px;}
.n4 dl dd .bt{ border-radius:5px 5px 0 0; width:240px; height:48px; border:1px solid #ddd; font-size:18px; font-weight:bold; line-height:48px;}
.n4 dl dd .nr{ border-radius:0 0 5px 5px; width:239px; height:210px; border:1px solid #ddd; line-height:30px;}
.n2 dl dd{ margin-left:7px;}
.n2 dl dd .bt{ border-radius:5px 5px 0 0; width:488px; height:48px; border:1px solid #ddd; font-size:18px; font-weight:bold; line-height:48px;}
.n2 dl dd .nr{ border-radius:0 0 5px 5px; width:427px; height:280px; border:1px solid #ddd; line-height:30px; padding:0 30px;}
.b1{ background:#f8f8f8;}
.b2{ background:#f8f8f8;}
.c1{ background:#80c269;}
.c2{ background:#f49e59;}
.c3{ background:#e3db7b;}
.c4{ background:#84ccc9;}
.a1{ background:#8f82bc;}
.a2{ background:#c490bf;}

.mgrm{ margin-right:68px;}
.shadow{ width:264px; height:320px; background:#e4e4e4; border-radius:15px; margin:4px 0 0 14px; position:absolute; z-index:1;}
.icon{ width:287px; height:15px; background: url(imagesicon.png) center center no-repeat; margin-top:-269px; position:relative; z-index:3;}
.q1{ background:#f49e59;}
.q2{ background:#80c269;}
.q3{ background:#c490bf;}
.n3 .qbt{ font-size:30px; line-height:40px; height:40px; color:#31bfa5; font-weight:bolder; padding-left:10px;}
.n3 .nr{ width:100%; height:324px; display:inline-block;}
.n3 .nr dl{ width:288px; height:324px;}
.n3 .nr dl dd{ width:264px; height:320px; border-radius:15px; margin:0 0 0 10px; position:relative; z-index:2;}
.n3 .nr dl dd .bt{ width:264px; height:57px; line-height:57px; text-align:center; font-size:24px; font-weight:bold;}
.n3 .nr dl dd .dt{ width:214px; height:213px; line-height:30px; padding:25px;}

.lb{ width:100%; height:250px;}
.lb dl{ float:left; width:242px;}
.mgr{ margin-right:10px;}
.lb dl .bt{ font-size:16px; font-weight:bold; color:#31bfa5; height:40px; line-height:40px; padding-left:5px;}
.lb dl dt{ line-height:30px; height:30px; padding-left:5px; overflow:hidden;}
/*=================================footer=================================*/
.footer{background:#f2f2f2; width: 100%; height: 180px;line-height:30px; color:#333; text-align:center; display:inline-block;}
.footer a{text-decoration:none;}
.footer a:hover{text-decoration: underline;}
