@charset "gb2312";
/* CSS Document */

/*ʵѵ*/
.same-hui{ background:#f7f7f7; width:100%; height:auto; margin:0 auto; min-width:1200px; padding-bottom:66px; margin-top: 12px;}
.same-replace{  width:1080px; height:310px; margin:0 auto; position:relative; text-align:left; background:url(../images/same04.jpg) center no-repeat; margin-top:42px; box-shadow:0 10px 20px rgba(0,0,0,0.17);}
.p-artcle01{ font-size:42px; color:#444; font-weight:bold; display:block; line-height:62px; margin-left:74px; padding-top:60px; padding-bottom: 22px;}
.same-bage{ background:url(../images/same03.jpg) top no-repeat; width:100%; height:auto; margin:0 auto;}
.same-replace p{ font-size:16px; color:#999; line-height:29px; margin-left:88px;}
.same-replace p img{ width:16px; height:16px; margin-right:20px; float:left; margin-top:7px;}
.p-img01{ position:absolute; bottom:0px; right:26px; z-index:2;}
.practick-link{ width:402px; height:65px; background:#1c1717; margin-top: 50px;}
.practick-link i{ width:68px; height:65px; background: url(../images/chengnuo.png) center no-repeat; display:inline-block;}
.practick-link span{ color:#fff; background:#ff6960; line-height:65px; display:inline-block; width:334px; text-align:center; float:right; font-size:20px;}

.p-title01{ width:auto; height:auto; position:relative;  margin:0 auto; padding-top:84px; padding-bottom:60px; display:inline-block;}
.p-title01 b{ font-size:32px; color:#444; display:block; margin-bottom:10px;}
.p-title01 span{ font-size:16px; color:#999;}
.p-title01 img{ position:absolute; left:-130px; top:80px; z-index:2;}

.p-origin{ width:100%; height:auto; background:url(../images/hengtiao.png) center 45px no-repeat; margin-bottom:75px; display:table; margin-top: 18px;}
.p-origin li{ float:left; text-align:center; width:200px; position:relative;}
.p-numone{ display:block; background:url(../images/hengtiao02.png) center no-repeat; font-size:24px; font-weight:bold; color:#666; width:118px; height:109px; line-height:96px; -webkit-transition:.4s; margin:0 auto;}
.p-origin b{ font-size:18px; color:#444; display:block; margin-top:6px; margin-bottom:10px; -webkit-transition:.4s;}
.p-origin li:hover .p-numone{ background:url(../images/hengtiao03.png) center no-repeat; color:#fff; -webkit-transition:.4s;}
.p-origin li:hover b{ color:#ff6960; -webkit-transition:.4s;}
.p-origin li img{ position:absolute; top:40px; right:-10px; z-index:2;}
.p-link01{ font-size:14px; color:#999; background:#f5f5f5; border:1px #dcdcdc solid; padding: 0 32px; height:40px; line-height:40px; display: inline-block; margin:0 auto; -webkit-transition:.8s;}
.p-link01:hover{ background:#ff6960; color:#fff; -webkit-transition:.8s;}
.p-addbottom{ margin-bottom:86px;}

.p-backlan{background:#f5f8fa; width:100%; height:auto; margin:0 auto; min-width:1200px; padding-bottom:66px;}
.p-development{ width:100%; height:auto;}
.p-development b{font-size:26px; color:#ff5950; display:block; margin-bottom:10px;}
.p-product{ width:100%; height:auto; margin:0 auto; margin-top:66px; margin-bottom:80px;}
.p-product li{ width:100%; height:auto; margin-bottom:20px;}
.p-p-div{ float:left; width:229px; height:176px; background:#fff; text-align:left; border:1px #f1f1f1 solid;  -webkit-transition:.8s; position:relative; z-index:1; margin-right:11px;}
.p-fies{ width:229px; height:176px; position:relative; background:#fff;}
.p-fies span{ font-size:14px; color:#444; float:left; margin-left:14px; margin-top:16px;}
.p-fies a{ float:right; width:68px; height:26px; line-height:26px; color:#999; font-size:12px; background:#f5f5f5; border:1px #dcdcdc solid; border-radius:2px; text-align:center; margin-right:12px; margin-top:12px; -webkit-transition:.8s;}
.p-hover{ width:100%; height:118px; background:rgba(38,38,38,0.7); border-radius:2px 2px 0 0; position:absolute; top:0; left:0; z-index:2; text-align:center; display:none;}
.p-hover p{ font-size:12px; color:#fff; line-height:22px; margin-top:26px;}
.p-img02{ position:absolute; bottom:-28px; left:2px; z-index:-1; display:none;}
.p-p-div:hover{ margin-top:-12px; -webkit-transition:.8s;}
.p-p-div:hover .p-img02{ display:block;}
.p-p-div:hover .p-fies a{ background:#ff6960; color:#fff; -webkit-transition:.8s;}


.p-devevideo{ width:100%; height:auto; margin:0 auto; margin-top:56px; margin-bottom:54px; display:table;}
.p-devevideo li{ float:left; width:269px; background:#fff; border:1px #e4ecf3 solid; border-radius:2px 2px 0 0; height:220px; -webkit-transition:.8s; position:relative; z-index:1; margin: 0 14px;}
.p-devetop{ width:100%; height:220px; position:relative; background:#fff;}
.p-img03{ position:absolute; right:22px; z-index:2; top:106px;}
.p-devedown{ margin:0 auto; margin-left:14px; text-align:left;}
.p-devedown span{ font-size:14px; color:#333; display:block; margin-top:10px; margin-bottom:6px; width: 250px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.p-devedown img{ position:relative; top:1px;}
.p-devedown em{ font-size:14px; color:#c1c1c1;}
.p-devevideo li:hover{ margin-top:-12px; -webkit-transition:.8s;}
.p-img04{position: absolute;  left: 4px;  bottom: -23px;  z-index: -1; display:none;}
.p-devevideo li:hover .p-img04{ display:block;}

.p-contrast{ width:100%; height:auto; margin:0 auto; background:#ff5950; min-width:1200px; margin-bottom:74px;}
.p-change01 b,.p-change01 span{ color:#fff;}
.p-c-top{ width:1200px; background:url(../images/p-vs.png) center no-repeat; height:146px; margin-top:30px; position:relative; z-index:2;}
.p-c-top b{ font-size:34px; display:inline-block; line-height: 126px; margin: 0 106px;}
.p-c-left{ float:left; text-align:right; width:550px; height:auto; margin-bottom: 34px;}
.p-c-block{ width:100%; height:84px; margin-bottom:40px;}
.p-c-block b{ font-size:18px; color:#ff5950;}
.p-c-block p{ font-size:14px; color:#ff5950; line-height:24px; margin-top:12px;}
.p-c-right{ text-align:left;}
.p-c-middle{ float:left; width:100px; height:620px; position: relative;}
.p-c-middle span{ width:47px; height:47px; background:#fff; border-radius:100%; font-size:20px; color:#ff5950; box-shadow:0 10px 20px rgba(0,0,0,0.1); display:block; margin:0 auto; line-height:47px; margin-top:10px; margin-bottom: 78px; position:relative; z-index:2;}
.p-c-middle img{ position:absolute; top:-38px; left:46px; z-index:1;}
.p-c-right .p-c-block b,.p-c-right .p-c-block p{ color:#999;}

.p-add-top{ padding-top:62px;}
.p-big-tul{ width:1123px; height:auto; display:table; margin:0 auto; margin-top:84px; margin-bottom:50px;}
.p-big-tul li{ float:left; width:183px; height:445px; position:relative; -webkit-transition: all .4s ease; transition: all .4s ease; background:#f5f8fa;}
.p-big-shen{ border:2px #dae1e9 solid;}
.p-big-qian{ border:2px #e5e8ef solid;}
.p-big-tul li span{ font-size:16px; color:#333; display:block; margin-bottom:30px; margin-top:24px; height:65px; position:relative;}
.p-big-tul li span em{ display:block; width:34px; height:3px; border-radius:30px; margin:0 auto; position:absolute; bottom:0; z-index:2; left:76px;}
.p-big-tul li b{ font-size:20px; color:#fff; display:block; height:99px; line-height:99px;}
.p-big-tul li img{ margin-top:36px; margin-bottom:22px;  -webkit-transition: all .8s ease; transition: all .8s ease;}
.p-big-tul li p{ font-size:14px; color:#999; width:154px; line-height:20px; margin:0 auto; text-align:left;}
.z-ta{ font-size:14px; color:#111; width:135px; height:40px; line-height:42px; border:2px #111 solid; float:left; position:absolute; bottom:-10px; left:32px; z-index:2; display:none;}
.p-big-shen span em,.p-big-shen b{ background:#dae1e9;}
.p-big-qian span em,.p-big-qian b{ background:#e5e8ef;}
.p-big-tul li:hover{-webkit-transform: scale(1.2); transform: scale(1.2); border:2px #ff5950 solid; z-index:2;}
.p-big-tul li:hover b{ background:#ff5950; font-size:18px;}
.p-big-tul li:hover span{ font-size:13px; margin-top: 40px; -webkit-transition:.4s; margin-bottom:12px;}
.p-big-tul li:hover span em{ width:32px; background:#ff5950; bottom: 10px;}
.p-big-tul li:hover p{ font-size:12.1px;}

.prize-red{ width:100%; background:url(../images/p-back01.jpg) center no-repeat; height:568px; min-width:1200px;}
.p-change02 b{ color:#fff;}
.prize-p01{ font-size:14px; color:#666; float:left; margin-top: 80px; margin-left: 93px;}
.prize-p02{ font-size:14px; color:#666; float:left; margin-top: 82px; margin-left: 84px; width: 238px; text-align: left;  line-height: 20px;}
.prize-p03{ font-size:14px; color:#666; float:left; width: 410px; margin-top: 70px;  margin-left: 60px;text-align: left;}
.prize-p04{ font-size:14px; color:#666; float:left;text-align: left;width: 340px; margin-top: 35px; margin-left: 45px;}
.prize-p05{ font-size:14px; color:#666; float:left;text-align: left; width: 622px; margin-top: 46px; margin-left: 100px;}
.prize-p06{ font-size:14px; color:#666; float:left;text-align: left; margin-top: 74px; width: 270px; margin-left: 34px;}
.prize-p07{ font-size:14px; color:#666; float:left;text-align: left; width: 326px; margin-top: 44px;  margin-left: 60px;}
.prize-p08{ font-size:14px; color:#666; float:left;text-align: left; width: 428px; margin-top: 64px; margin-left: 58px;}

.p-change03{ margin-top:30px; margin-bottom:0;}
.pri-awir{ margin-top:26px; margin-bottom: 66px;}

.parctic-nate{ width:100%; height:auto; margin:0 auto; min-width:1200px; background:#2d2d33;}
.parctic-middle{ width:1112px; height:464px; background: url(../images/p-back02.png) center no-repeat; margin:0 auto; margin-top:64px; margin-bottom:66px;}
.parctic-tenter{ width:794px; height:278px; background:rgba(45,45,51,0.85); margin:0 auto; margin-top:93px;}
.parctic-tenter em{ display:block; padding-top:50px; margin-bottom:20px; font-size:24px; color:#fff;}
.parctic-tenter p{ font-size:22px; color:#e92e24; width:348px; height:57px; background:#ffe258; border-radius:4px; line-height:57px; margin:0 auto; margin-bottom:34px;}
.parctic-tenter span{ display:inline-block; font-size:14px; color:#fff; margin-left:24px; width:200px; text-align: left; line-height:34px;}

.practic-che{ width:100%; height:auto; margin:0 auto; margin-bottom:35px; display:table;}
.practic-che li{ float:left; border: 1px #e4ecf3 solid; width:380px; height:318px; border-radius:2px; margin-right: 27px;}
.parc-img{ width:380px; height:215px; position:relative; overflow:hidden;}
.parc-img02{ position:absolute; bottom:20px; right:35px; z-index:2;}
.practic-che li span{ font-size:18px; color:#444; display:block; margin-top:18px; margin-left:24px; text-align:left;}
.practic-che li p{ font-size:12px; color:#bfbfbf; text-align:left; margin-top:23px; margin-left:26px;}
.practic-che li p img{ margin-right:5px;}
.parc-img03{ margin-left:16px;}
.practic-che li:hover .parc-img04{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.parc-img04{-webkit-transition: .8s;}
.p-none{ margin-right:0 !important;}

.g-detailed{ width:100%; height:auto; margin:0 auto; background:#f5f8fa; padding: 28px 0; min-width:1200px;}
.g-d-tail{ width:100%; height:auto; margin:0 auto;}
.g-d-tail li{ float:left; width:200px; height:auto; text-align:left;}
.g-d-tail li img{ margin-left:8px; margin-right:14px; float:left; margin-top: 5px;}

.stu_play-pare{ width:1170px; margin:0 auto;margin-bottom: 30px; background:#fff; position:relative;}
.stu-par02{ width:1170px; height: 46px; border-top:4px #e7eaec solid;  border-bottom:1px #e7eaec solid; margin:0 auto;}
.xin_biao02 { width: 1012px; height: 46px; margin:0 auto;}
.xin_hang02 {  width: 100%; height: 46px; background: #ffffff;  font-size: 16px;  color: #676a7f;  text-align: center; font-weight:bold;}
.xin_lie{ width:116px; height:46px;}
.xin_lie2{ width:116px; height:46px;}
.xin_lie3{ width:196px; height:46px;}
.xin_lie4{ width:268px; height:46px;}
.xin_lie5{ width:200px; height:46px;}
.xin_lie6{ width:116px; height:46px;}
.list_lh {overflow: hidden; width:1130px; margin:0 auto;}
.list_lh li{ width:1130px; height:46px; border-bottom:1px #e7eaec solid;}
.list_sh{ width:116px; height:46px; line-height:46px; float:left; font-size:14px; color:#666; margin-left:59px}
.list_sh2{ width:116px; height:46px; line-height:46px; float:left; font-size:14px; color:#666;}
.list_sh3{ width:196px; height:46px; line-height:46px; float:left; font-size:14px; color:#666; overflow:hidden;}
.list_sh4{ width:268px; height:46px; line-height:46px; float:left; font-size:14px; color:#666;}
.list_sh5{ width:200px; height:46px; line-height:46px; float:left; font-size:14px; color:#ff6960; font-weight:bold;}
.list_sh5 img{ margin-right:6px; position: relative; top: 4px;}
.list_sh6{ width:116px; height:46px; line-height:46px; float:left; font-size:14px; color:#666; overflow:hidden; margin-right:59px}
.stu-par01{ background:#f9f9f9;}