@charset "utf-8";
/* CSS Document */
.banner{ width:100%; height:580px; background:url(../../img/boy/banner.png) no-repeat; background-size:100%;}

.conWrap{ height:6800px; margin-top:84px; }
.conWrap .con{ width:1050px; height:6800px;}
h2{ height:46px; background:url(../../img/boy/sec-b-t01.png) no-repeat center;}
h4{ width:598px; color:#009aea; font-size:26px; margin:70px auto 0; font-weight:normal; text-align:center;}
.yun{ width:1000px; height:650px; margin-top:80px;}
.yun li{ width:302px; height:302px; float:left; margin:0 47px 46px 0; cursor:pointer; overflow:hidden;}
.yun li{ background:url(../../img/boy/sec-b-01.png) no-repeat;}
.yun li:nth-child(1){ background:url(../../img/boy/sec-b-01.png) no-repeat;}
.yun li:nth-child(2){ background:url(../../img/boy/sec-b-02.png) no-repeat;}
.yun li:nth-child(3){ background:url(../../img/boy/sec-b-03.png) no-repeat; margin-right:0;}
.yun li:nth-child(4){ background:url(../../img/boy/sec-b-04.png) no-repeat;}
.yun li:nth-child(5){ background:url(../../img/boy/sec-b-05.png) no-repeat;}
.yun li:nth-child(6){ background:url(../../img/boy/sec-b-06.png) no-repeat; margin-right:0;}

.yun>li + li{ background:url(../../img/boy/sec-b-02.png) no-repeat;}
.yun>li + li + li{background:url(../../img/boy/sec-b-03.png) no-repeat; margin-right:0;}
.yun>li + li + li + li{ background:url(../../img/boy/sec-b-04.png) no-repeat;margin: 0 47px 46px 0;}
.yun>li + li + li + li + li{ background:url(../../img/boy/sec-b-05.png) no-repeat;}
.yun>li + li + li + li + li + li{  background:url(../../img/boy/sec-b-06.png) no-repeat; margin-right:0;}


.yun li p{ width:302px; height:302px; background:rgba(0,0,0,.5); font-size:44px; color:#fff; text-align:center; line-height:302px;}
.yun>li>p{background-color: #000;opacity: 0.5;filter: alpha(opacity=50);}
.yun li:hover p{ transform:translate(0,-302px); -webkit-transform:translate(0,-302px); -o-transform:translate(0,-302px); -moz-transform:translate(0,-302px); transition:transform 1s ease;}
.well{ width:746px; height:46px; background:url(../../img/boy/sec-b-t02.png) no-repeat;margin: auto;}
.wellCon{ width:961px; height:528px; margin-top:68px;}

/*.wellCon li{ width:960px; height:302px; background:url(../../img/boy/sec-b-07.png) no-repeat;}*/
.wellCon li{ width:310px; height:215px; float:left;}
.wellCon li:nth-child(1){ width:960px; height:302px; background:url(../../img/boy/sec-b-07.png) no-repeat;}
.wellCon li:nth-child(2){ background:url(../../img/boy/sec-b-08.png) no-repeat;}
.wellCon li:nth-child(3){ background:url(../../img/boy/sec-b-09.png) no-repeat;}
.wellCon li:nth-child(4){ background:url(../../img/boy/sec-b-10.png) no-repeat;}

.wellCon>li{ width:960px; height:302px; background:url(../../img/boy/sec-b-07.png) no-repeat;}
.wellCon>li + li{ width:310px; height:215px;  background:url(../../img/boy/sec-b-08.png) no-repeat;}
.wellCon>li + li + li{ width:310px; height:215px;  background:url(../../img/boy/sec-b-09.png) no-repeat;}
.wellCon>li + li + li + li{ width:310px; height:215px;  background:url(../../img/boy/sec-b-10.png) no-repeat;}

.wellCon li p{ width:310px; height:40px; background:rgba(0,227,208,.5); color:#fff; font-size:24px; text-align:center; line-height:40px; margin-top:176px;}
.wellCon>li>p{background-color: #333\9;}
.wellCon li:nth-child(1) p{ width:940px; height:64px; font-size:36px; line-height:64px; text-align:right; margin-top:238px; padding-right:20px;}
.money{ background:url(../../img/boy/sec-b-t03.png) no-repeat center;}
.moCon li{ background:url(../../img/boy/sec-b-11.png) no-repeat;}
.moCon li:nth-child(1){ background:url(../../img/boy/sec-b-11.png) no-repeat;}
.moCon li:nth-child(2){ background:url(../../img/boy/sec-b-12.png) no-repeat;}
.moCon li:nth-child(3){ background:url(../../img/boy/sec-b-13.png) no-repeat;}
.moCon li:nth-child(4){ background:url(../../img/boy/sec-b-14.png) no-repeat;}

.moCon>li + li{ background:url(../../img/boy/sec-b-12.png) no-repeat;}
.moCon>li + li + li{ background:url(../../img/boy/sec-b-13.png) no-repeat;}
.moCon>li + li + li + li{ background:url(../../img/boy/sec-b-14.png) no-repeat;}

.moCon li p{ background:rgba(227,112,0,.5);}
.moCon li:nth-child(3) p{ font-size:20px;}

.moCon>li + li + li>p{font-size:20px;}

.do{ background:url(../../img/boy/sec-b-t04.png) no-repeat center;}
.doCon{ width:1050px; height:550px; margin-top:100px;}
.doCon dt{ width:1050px; height:500px; background:url(../../img/boy/sec-b-15.gif) no-repeat center;}
.doCon dd{ font-size:36px; color:#009aea; text-align:center;}
.net{ height:615px;}
.net dt{ height:564px; background:url(../../img/boy/sec-b-16.png) no-repeat center;}
.pro{ height:48px; background:url(../../img/boy/sec-b-t05.png) no-repeat center;}
.proCon{ width:915px; height:1170px; margin:50px auto;}
.proCon li{ width:886px; height:300px; overflow:hidden; margin-bottom:30px; color:#2b2b2b;}
.proCon li h5{ font-size:30px; color:#009aea; font-weight:normal; margin-top:20px;}
.proCon li p{ width:530px;  height:190px; margin:20px 0 0 30px; line-height:26px;}
.proCon li{ background:url(../../img/girl/sec-g-06.png) no-repeat 660px 10px;}
.proCon li:nth-child(1){ background:url(../../img/girl/sec-g-06.png) no-repeat 660px 10px;}
.proCon li:nth-child(2){ background:url(../../img/girl/sec-g-07.png) no-repeat 0 10px;}
.proCon li:nth-child(2) h5{ margin-left:470px;}
.proCon li:nth-child(2) p{ margin-left:316px;}
.proCon li:nth-child(3){ background:url(../../img/girl/sec-g-08.png) no-repeat 650px 80px;}
.proCon li:nth-child(4){ background:url(../../img/girl/sec-g-09.png) no-repeat 0 10px;}
.proCon li:nth-child(4) h5{ margin-left:586px;}
.proCon li:nth-child(4) p{ margin-left:316px;}

.proCon>li + li{ background:url(../../img/girl/sec-g-07.png) no-repeat 0 10px;}
.proCon>li + li>h5{ margin-left:465px\9;}
.proCon>li + li>p{ margin-left:316px\9;}
.proCon>li + li + li{background:url(../../img/girl/sec-g-08.png) no-repeat 650px 80px;margin-left: 0px;}
.proCon>li + li + li>p{margin-left: 0px\9;}
.proCon>li + li + li + li{ background:url(../../img/girl/sec-g-09.png) no-repeat 0 10px;}
.proCon>li + li + li + li>h5{ margin-left:586px\9;}
.proCon>li + li + li + li>p{ margin-left:316px\9;}

.bdqn{ background:url(../../img/boy/sec-b-t06.png) no-repeat center;}
.bdqnCon{ width:1000px; height:572px; margin:60px auto;}
.bdqnCon li{ width:162px; height:166px; float:left; color:#fff; font-size:26px; text-align:center; padding:120px 44px 0;}
.bdqnCon li{ background:#e34856;}
.bdqnCon li:nth-child(1){ background:#e34856;}
.bdqnCon li:nth-child(2){ background:url(../../img/boy/sec-b-17.png) no-repeat;}
.bdqnCon li:nth-child(3){ background:#78a84e;}
.bdqnCon li:nth-child(4){ background:url(../../img/boy/sec-b-18.png) no-repeat;}
.bdqnCon li:nth-child(5){ background:url(../../img/boy/sec-b-19.png) no-repeat;}
.bdqnCon li:nth-child(6){ background:#f18d30;}
.bdqnCon li:nth-child(7){ background:url(../../img/boy/sec-b-20.png) no-repeat;}
.bdqnCon li:nth-child(8){ background:#065381;}

.bdqnCon>li + li{background:url(../../img/boy/sec-b-17.png) no-repeat;}
.bdqnCon>li + li + li{background:#78a84e;}
.bdqnCon>li + li + li + li{ background:url(../../img/boy/sec-b-18.png) no-repeat;}
.bdqnCon>li + li + li + li + li{ background:url(../../img/boy/sec-b-19.png) no-repeat;}
.bdqnCon>li + li + li + li + li + li{ background:#f18d30;}
.bdqnCon>li + li + li + li + li + li + li{ background:url(../../img/boy/sec-b-20.png) no-repeat;}
.bdqnCon>li + li + li + li + li + li + li + li{ background:#065381;}