@charset "utf-8";
/* CSS Document */
*{transition:all .5s;}

.bannerBox{width:100%; height:560px; }

/*--searchBox*/
.searchBg{position:relative; width:100%; height:0;}
.search{position:absolute; top:-30px; left:50%; z-index:9999; padding:10px 0; margin-left:-490px; height:28px; line-height:28px; overflow:hidden; background-color:#fff; border-top:3px solid #722e76; border-bottom:1px solid #c2c2c2;}
.search .searchBox{margin-left:10px; width:282px;}
.search .soText{float:left; width:230px; height:16px; line-height:16px; padding:5px 10px; color:#8c8c8c; border:1px solid #373b85; background-color:#fff; outline:none;}
.search .soBtn{float:right; width:30px; height:28px; border:none; background:url(searchBtn.png) no-repeat center;}
.search .keyWord{margin-left:28px; width:600px; height:28px; overflow:hidden; color:#999;}
.search .keyWord em{font-size:14px; font-weight:bold; color:#373b85;}
.search .keyWord a{padding:0 5px; color:#333;}

.fnkhSpan{padding-top:36px; padding-bottom:14px; background:url(fnkhSpan.jpg) repeat;}
.fnkhSpan .fnkhBox{position:relative; height:292px; background:url(fnkhBox.jpg) no-repeat center;}
.fnkhSpan .fnkhBox span{position:absolute; left:780px; top:245px; font-size:26px; font-family:Arial, Helvetica, sans-serif; color:#f78332;}
.fnkhSpan .fnkhBox ul{position:absolute; left:40px; top:93px}
.fnkhSpan .fnkhBox li{ background:url(link.png) left no-repeat; padding-left:20px; font-size:14px; line-height:24px;}
.fnkhSpan .fnkhBox .video{position:absolute; left:310px; top:20px}

/*新款上线*/
.xksxBox{padding-bottom:20px; text-align:center;}
.xksxBox h4{padding-top:30px; padding-bottom:26px;}
.xksxBox .xkCont{position:relative;}
.xksxBox .xkCont ul{margin:0 auto; width:928px; overflow:hidden;}
.xksxBox .xkCont li{margin:0 8px; width:216px; float:left; text-align:center;}
.xksxBox .xkCont li img{border:10px solid #e8e8e8;}
.xksxBox .xkCont li h5{padding-top:14px; font-weight:normal;}
.xksxBox .xkCont .btnLeft , .xksxBox .xkCont .btnRight{position:absolute; top:50%; margin-top:-15px; width:31px; height:29px;}
.xksxBox .xkCont .btnLeft{left:-15px; background:url(xkBtnLeft.png) no-repeat center;}
.xksxBox .xkCont .btnRight{right:-15px; background:url(xkBtnRight.png) no-repeat center;}

.cpBox{margin-bottom:30px; border:1px solid #d6d6d6; border-top:2px solid #702e74; overflow:hidden;}
.cpBox h4{padding:20px 0;}
.cpTab{margin:0 auto; width:620px; overflow:hidden;}
.cpTab a{margin-right:1px; float:left; width:154px; height:32px; line-height:32px; font-size:14px; color:#fff; text-align:center; background:url(cpTabLi.png) repeat-x center; text-decoration:none;}
.cpTab a:hover , .cpTab a.cur{background-image:url(cpTabLiH.png); color:#2b260d;}
.cpBox ul{margin:30px auto; width:928px; overflow:hidden;}
.cpBox li{margin:0 8px; width:216px; float:left; text-align:center;}
.cpBox li img{border:10px solid #e8e8e8;}
.cpBox li h5{padding-top:14px; font-weight:normal;}

.contTit{position:relative; margin:0 15px; height:40px; line-height:40px;}
.contTit .titA{padding-left:10px; font-size:16px; color:#333; background:url(titA_ico.png) no-repeat left center;}
.contTit span{margin-left:10px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; color:#c2c2c2;}
.contTit .titMore{position:absolute; right:0; top:12px;}

/*优势*/
.ysSpan{background:#722e76 url(ysSpan.png) repeat-x center top;}
.ysBox{position:relative; height:1193px; background:url(ysBox.jpg) no-repeat center;}
.ysBox dl{position:absolute;}
.ysBox dt{margin-bottom:24px; font-size:18px; font-weight:bold; color:#722e76;}
.ysBox dt a{color:#722e76;}
.ysBox dd{padding-left:20px; margin-bottom:10px; font-size:13px; color:#333; line-height:24px; background:url(ysDd_ico.png) no-repeat left 2px;}
.ysBox dd b{color:#f78332;}
.ysBox .ys01{left:44px; top:202px; width:394px;}
.ysBox .ys02{left:532px; top:202px; width:424px;}
.ysBox .ys03{left:44px; top:740px; width:424px;}
.ysBox .ys04{left:532px; top:740px; width:412px;}

.botSpan{background:url(botSpan.jpg) no-repeat center top; overflow:hidden;}

/*合作伙伴*/
.hzhb{margin-top:15px; margin-bottom:15px; background-color:#fff; border:1px solid #d8d6d7; border-top:2px solid #f9cf00;}
.hzhb .hzCont{padding:24px 0; position:relative;}
.hzhb .hzCont ul{margin:0 auto; width:890px; overflow:hidden;}
.hzhb .hzCont li{margin:0 2px; width:174px; float:left; text-align:center;}
.hzhb .hzCont li h5{padding-top:22px; font-weight:normal;}
.hzhb .hzCont .btnLeft , .hzhb .hzCont .btnRight{position:absolute; top:50%; margin-top:-16px; width:31px; height:29px;}
.hzhb .hzCont .btnLeft{left:-15px; background:url(hzBtnLeft.png) no-repeat center;}
.hzhb .hzCont .btnRight{right:-15px; background:url(hzBtnRight.png) no-repeat center;}

.khjzBox{background-color:#fff; border:1px solid #d8d6d7; border-top:2px solid #373b85;}
.khjzCont{padding-bottom:30px; overflow:hidden;}
.khjzCont dl{float:left; _display:inline; margin-top:20px; padding:0 2%; width:46%; *width:45%;}
.khjzCont dt img{border:10px solid #f1f1f4;}
.khjzCont dd{position:relative; margin-left:180px; height:136px; overflow:hidden;}
.khjzCont dd h5{height:40px; line-height:40px; font-size:14px;}
.khjzCont dd h5 a{color:#333;}
.khjzCont dd p{line-height:20px;}

.ggl{margin:15px auto; position:relative;}
.ggl span{position:absolute; left:810px; top:90px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.ggl02 span{left:814px; top:68px;}

.fwlcBox{position:relative; margin-bottom:15px; height:320px; background:url(fwlcBg.png) no-repeat center;}
.fwlcBox img{position:absolute; left:132px; top:234px;}
.fwlcBox span{position:absolute; left:190px; top:274px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#fff;}

.gyBox{width:700px; height:302px; border:1px solid #d8d6d7; border-top:3px solid #722e76; overflow:hidden;}
.gyBox dl{margin:22px;}
.gyBox dt img{border:10px solid #f1f1f4;}
.gyBox dd{margin-left:300px; margin-right:22px; height:218px; overflow:hidden;}
.gyBox dd h5{height:40px; line-height:40px; font-size:14px; overflow:hidden;}
.gyBox dd h5 a{color:#722e76;}
.gyBox dd p{line-height:20px; height:100px; overflow:hidden; margin-bottom:20px;}
.btnGd{display:block; width:108px; text-align:center; height:26px; line-height:26px; color:#fff; background-color:#722e76;}

/*荣誉*/
.ryBox{width:260px; height:305px; background:url(ryBox.png) no-repeat center;}
.ryBox h4{padding:10px 5px;}
.ryBox .ryCont{position:relative;}
.ryBox .ryCont ul{margin:0 auto; width:216px;}
.ryBox .ryCont li{width:216px; float:left; _display:inline; text-align:center;}
.ryBox .ryCont li img{border:1px solid #dbdbdb;}
.ryBox .ryCont li h5{margin-top:18px; font-weight:normal;}
.ryBox .ryCont li h5 a{color:#333;}
.ryBox .ryCont .btnLeft , .ryBox .ryCont .btnRight{position:absolute; top:184px; *top:188px; width:31px; height:29px;}
.ryBox .ryCont .btnLeft{left:20px; background:url(hzBtnLeft.png) no-repeat center;}
.ryBox .ryCont .btnRight{right:20px; background:url(hzBtnRight.png) no-repeat center;}

.dtSpan{margin:15px auto;}

/*动态*/
.dtBox{width:698px; height:356px; overflow:hidden; border:1px solid #d6d6d6;}
.dtBox h4{overflow:hidden; background:url(dtTitBg.png) repeat-x center;}
.dtBox h4 a{float:left; width:50%; text-align:center; height:40px; line-height:40px; color:#333; font-size:16px;}
.dtBox h4 a em{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-left:5px; font-size:16px; color:#CCC; font-weight:normal;}
.dtBox h4 a:hover , .dtBox h4 a.cur{background:url(dtTitBgH.png) repeat-x center; color:#fff; text-decoration:none;}
.dtBox h4 a:hover em , .dtBox h4 a.cur em{color:#fff;}
.dtBox dl{margin:20px;}
.dtBox dt img{border:10px solid #f1f1f4;}
.dtBox dd{margin-left:226px; height:144px; overflow:hidden;}
.dtBox dd h5{height:46px; line-height:46px; font-size:16px; overflow:hidden;}
.dtBox dd h5 a{color:#333;}
.dtBox dd p{line-height:20px; height:; overflow:hidden; color:#7e7e7e;}
.dtBox ul{margin:0 20px; border-top:1px solid #ebebf3; padding-top:8px;}
.dtBox li{position:relative; height:28px; line-height:28px;}
.dtBox li a{display:inline-block; padding-left:16px; background:url(dtLiIco.png) no-repeat left center; width:470px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}
.dtBox li span{position:absolute; right:0; color:#999;}

/*问题解答*/
.wtjd{width:258px; height:356px; border:1px solid #d6d6d6;}
.wtjdCont{margin-top:10px; height:290px; overflow:hidden;}
.wtjdCont dl{padding:8px 0; margin:0 14px; border-bottom:1px solid #e1e2ed;}
.wtjdCont dt{padding:4px 0; background-image:url(tw_ico.png); font-weight:bold; font-size:14px;}
.wtjdCont dt a{color:#722e76;}
.wtjdCont dd{line-height:18px; background-image:url(jd_ico.png); color:#333;}
.wtjdCont dt , .wtjdCont dd{padding-left:26px; margin:6px 0; background-position:left 4px; background-repeat:no-repeat;}

.formSpna{height:340px; overflow:hidden; background:url(formSpna.jpg) no-repeat center;}
.formSpna .container{position:relative;}
.formSpna .formPhone{position:absolute; left:336px; top:252px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.formSpna .m_form{position:absolute; left:656px; top:48px; *width:340px;}
.formSpna .m_form li{margin-bottom:8px; overflow:hidden;}
.formSpna .m_form .areLi{height:82px;}
.formSpna .m_form label{float:left; width:45px; height:30px; border:1px solid #e2e6ea; border-right-width:0; text-align:center;}
.formSpna .m_form label img{position:relative; top:6px;}
.formSpna .m_form .iptTxt{float:left; width:242px; border:1px solid #e2e6ea; height:16px; line-height:16px; padding:7px 10px; outline:none; color:#fff; background:url(iptBg.png) repeat; font-family:microsoft yahei;}
.formSpna .m_form .areLi label{height:80px;}
.formSpna .m_form .areLi label img{top:34px;}
.formSpna .m_form .txtAre{float:left; width:242px; height:72px; line-height:20px; border:1px solid #dedede; outline:none; resize:none; color:#fff; padding:4px 10px; background:url(iptBg.png) repeat; font-family:microsoft yahei;}
.formSpna .m_form .btnSubmit{width:110px; height:32px; font-size:14px; color:#2d0d0d; cursor:pointer; border:none; background-color:#fff401; font-family:microsoft yahei;}

#flashs{ position:relative; height:530px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#C40C0C;}