@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style:none;}
body{ font-family:"Microsoft YaHei","Verdana";font-size: 12px;color:#000; background:#fff}
input,select,textarea{ font-family:"Microsoft YaHei","Verdana"; outline:none;}
img{border:none;}
ul,li,dl,dt,dd{list-style:none; }
em{font-style: normal;}
a{ text-decoration: none; color:#000;cursor: pointer;}
a:hover {text-decoration: none; color:#ff615b;}
.cl{clear:both; overflow:hidden; }
.blank5{height:5px; clear:both; overflow:hidden}
.blank10{height:10px; clear:both; overflow:hidden;}
.main{width:1200px; margin:0 auto; position:relative }
.fl{ float:left}.fr{ float:right}
.center{ text-align:center}

.java-project-head{ background:url(../images/java-project-head-bg.jpg) no-repeat center; height:300px; width:100%; position:relative}
.java-project-head .left{ float:left; width:800px; color:#fff}
.java-project-head .left .title{ padding:50px 0 0 0; clear:both; display:block; overflow:hidden}
.java-project-head .left h2{ font-size:40px;float:left}
.java-project-head .left span{ background:#ff6a42; border-radius:5px; font-size:18px; font-weight:normal; margin:9px 0 0 20px; padding:8px  20px; float:left; display:none}
.java-project-head .left p{ font-size:16px; padding-top:25px; line-height:28px}
.java-project-head .right{ float:right; /*width:350px;*/ background:rgba(255,255,255,.15); border-radius:20px; color:#fff; margin-top:50px; padding:20px 30px 20px 20px; font-size:14px; line-height:26px }
.java-project-head .right em{ width:90px; float:left; }
.java-project-head .right .r{ float:left;/* width:260px*/}
.java-project-head .right .r img{ width:16px; margin:5px 5px 0 0}

.java-project{ position:relative}
.java-project-nav{ position:absolute; width:1200px; left:50%; margin-left:-600px; background:#fff;top:-38px; box-shadow:0 12px 30px rgba(59,62,93,.1); border-radius:10px; text-align:center; z-index:100}
.java-project-nav ul li{ display:inline-block; line-height:76px; font-size:16px; position:relative;}
.java-project-nav ul li a{display:block; padding:0 50px}
.java-project-nav ul li.current a{ color:#ff615b; }
.java-project-nav ul li.current:before {content: "";display: inline-block;position: absolute;left: 50%;bottom:12px;margin-left: -8px;width: 0;height: 0;border-left: 8px solid transparent;border-bottom: 8px solid #ff615b;
border-right: 8px solid transparent;}
.java-project-title{ text-align:center; font-size:36px; color:#333; text-align:center; }
.java-project-title h3{ display:inline-block; position:relative;margin:100px 0 0 0}
.java-project-title h3:before {content: "";display: inline-block;position: absolute;left: -180px;top:26px;width: 120px;height: 8px; background:url(../images/title_left_ico.png) no-repeat}
.java-project-title h3:after{content: "";display: inline-block;position: absolute;right: -180px;top:26px;width: 120px;height: 8px; background:url(../images/title_right_ico.png) no-repeat}

#java-project-01{clear:both; display:block}
#java-project-01 .java-project-box{box-shadow:0 12px 40px rgba(59,62,93,.16); background:#fff; padding:30px 10px 30px 30px; margin-top:30px; overflow:hidden}
#java-project-01 .java-project-box .img{ float:left; width:520px; position:relative; height:295px; overflow:hidden; cursor:pointer}
#java-project-01 .java-project-box .play{ position:absolute; width:100%; height:100%; left:0;top:0; background:rgba(0,0,0,.2) no-repeat center}
#java-project-01 .java-project-box .play img{position: absolute;top:50%;left: 50%;margin:-34px 0 0 -34px;}
#java-project-01 .java-project-box .play .play_cricle{position: absolute;width:142px; height:142px;top:50%;left: 50%;margin:-75px 0 0 -75px;border: 4px solid #fff;border-radius: 100%;animation:3s mydh1 infinite}
#java-project-01 .java-project-box .play .play_cricle1{position: absolute;width:92px; height:92px;top:50%;left: 50%;margin:-50px 0 0 -50px;border: 4px solid #fff;border-radius: 100%;animation:2s mydh1 infinite}
@keyframes mydh1{0%{opacity:0;transform:scale(.1)}
    50%{opacity:1}
    100%{opacity:0;transform:scale(1)}
}
#goodcover {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 133%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);}
#code {width: 800px;height: 450px;background-color: #fff;padding: 10px;position: absolute;display: none;left: 45%;z-index: 1002;}
.close {width:40px;height: 40px; position:absolute;top:-40px;right:-40px; background:rgba(0,0,0,.5); z-index:9999; border-radius:50%; text-align:center; line-height:40px}
#closebt { display:inline-block;}
#closebt img {width: 20px; margin-top:10px}
#java-project-01 .java-project-box .txt{ float:right; width:610px; font-size:14px; line-height:26px; height:295px}
#java-project-01 .java-project-box .txt h4{ font-size:22px; padding:5px 15px 15px 0}
#java-project-01 .java-project-box .txt p{ padding-right:15px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:rgba(255,97,91,1) !important}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools{ width:2px !important}
.mCSB_scrollTools{ opacity:1 !important}
#java-project-02{clear:both; display:block}
#java-project-02 .fit{ clear:both; display:block; margin-top:40px }
#java-project-02 .fit ul{ position:relative; width:1220px}
#java-project-02 .fit ul li{ width:285px; float:left; background:#fff;box-shadow:0 6px 30px rgba(59,62,93,.1); margin-right:20px; text-align:center; height:260px;transition:.6s}
#java-project-02 .fit ul li p{ font-size:16px; padding:15px 0 0 0; line-height:26px}
#java-project-02 .fit ul li:hover{ margin-top:-10px}

#java-project-03{ clear:both; display:block}
#java-project-03 .java-project-box{box-shadow:0 12px 40px rgba(59,62,93,.16); background:#fff; padding:30px; margin-top:30px; overflow:hidden}
#java-project-03 .java-project-box p{ font-size:18px; color:#333; padding-bottom:15px}
#java-project-03 .java-project-box ul{ clear:both; display:block; overflow:hidden; position:relative; width:1200px}
#java-project-03 .java-project-box ul li{ font-size:16px; color:#333; text-align:center; width:210px; height:45px; overflow:hidden; border:#ffd4cf solid 1px; float:left; margin:0 20px 20px 0; line-height:45px}
#java-project-03 .java-project-box ul li:hover{ background:#fff1f1; color:#ff615b}

#java-project-04{clear:both; display:block; background:#fff6f5; margin-top:80px; padding-bottom:50px}
#java-project-04 .java-project-title h3{ margin:80px 0 0 0}
#java-project-04 .java-project-box{box-shadow:0 5px 30px rgba(255,97,91,.1); background:#fff; padding:30px; margin-top:30px; overflow:hidden}

#java-project-05{clear:both; display:block}
#java-project-05 .java-project-pic{ margin-top:40px}
#java-project-05 .java-project-pic .bd{ }
#java-project-05 .java-project-pic .bd ul li{ float:left; width:380px;margin-right:30px; cursor:pointer }
#java-project-05 .java-project-pic .bd ul li img{box-shadow:0 5px 20px rgba(59,62,93,.16); }
#java-project-05 .java-project-pic .tempWrap{ width:1200px !important; overflow: !important}
.swiper-container-pic{ margin-top:40px}
.swiper-slide-pic{ cursor:pointer;box-shadow:0 5px 20px rgba(59,62,93,.16); }
.swiper-pagination-pic{ text-align:center; margin-top:50px}
.swiper-container-pic .swiper-pagination-bullet-active{ background:#ff615b}
#java-project-06{clear:both; display:block; background:#f8f8f8; padding-bottom:80px; margin-top:80px}
#java-project-06 .java-project-title h3{ margin:80px 0 20px 0}
.video_coverZhuoyue{width: 870px;height: 490px;position: fixed;top:50%;left: 50%;margin: -245px 0 0-435px;z-index: 9999;box-shadow: 0 0 10px #ddd;}
.close_btn{width:32px;height:32px;position: absolute;top:-25px;right:-25px;}