/*comm*/
.box_In{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fc{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
.tspan{font-size: 46px;font-weight: bold;color: #ff4c59;}
/*title*/
.box_hd{margin: 20px 0 40px;}
.box_hd h3{font-size: 23px;color: #666;letter-spacing: 10px;text-align: center;}
.box_hd img{display: block;margin: 10px auto 0;}
/*button*/
.a_btn{width: 330px;font-size: 22px;color: #fff;background: #FF520C;display: block;height: 54px;line-height: 54px;text-align: center;margin: 35px auto 20px;border-radius: 50px;box-shadow: 0 8px 0 #FFA886;}
.a_btn:hover{box-shadow: none;position: relative;top: 4px;}
/*ban*/
.ban img{display: block;}
.ban .box_In{position: relative;width: 900px;padding-top: 55px;}
.ban .slideBox{width:100%;height:700px; overflow:hidden; position:relative; }
.ban .slideBox .hd{width: 36px;height:15px; overflow:hidden; position:absolute; left:50%;margin-left: -18px;bottom:16px; z-index:1; }
.ban .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.ban .slideBox .hd ul li{ float:left; margin-right:4px;width:12px; height:12px;background:#fff; cursor:pointer;border-radius: 50%;}
.ban .slideBox .hd ul li.on{ background:#1768FF;width:13px; height:13px;}
.ban .slideBox .bd{ position:relative; height:100%; z-index:0;}
.ban .slideBox .bd li{ zoom:1; vertical-align:middle; }
.ban .slideBox .bd .ban1{background: url(/skin/java/images/ban_img1.jpg) no-repeat center;height: 400px;}
.ban .slideBox .bd .ban2{background: url(/skin/java/images/ban_img2.jpg) no-repeat center;height: 330px;}
.ban .slideBox .bd .ban3{background: url(/skin/java/images/ban_img3hm.jpg) no-repeat center;height: 400px;}
.ban .slideBox .bd .ban4{background: url(/skin/java/images/ban_img4.jpg) no-repeat center;height: 330px;}


/*cont2开始*/
.cont2{background:#fff url(/skin/java/images/cont3_bg.jpg) no-repeat top center;overflow: hidden;}
.cont2_tab{width: 100%;}
.cont2 .box_hd{padding-top: 45px;}
.tab_top{width: 100%;}
.tab_top .cont2_num{display: block;margin: 0 auto;}
.tab_num1{background: url(/skin/java/images/cont2_num1.jpg) no-repeat top center;height: 55px;overflow: hidden;width: 100%;}
.tab_num1.fix{position: fixed;top: 0;left: 0;z-index: 999;}
.tab_top ul{width: 1068px;margin: 0 auto;}
.tab_top ul a{display: block;width: 100%;height: 100%;}
.tab_top ul li{float: left;width: 178px;position: relative;height: 55px;}
.tab_top ul li p{font-size:18px ;color: #083BA3;text-align: center;height: 55px;line-height: 50px;margin-top: 3px;}
.tab_top ul li.on{background: #fff;border-top:5px solid #49C7FF ;margin-top: 0px;height: 55px;}
.tab_top ul li p.p_on{margin-top:-3px;}
/*cont2a开始*/
.cont2_hd{margin-bottom:50px;}
.cont2_hd img{display: block;margin: 0 auto 8px;}
.cont2_hd p{font-size: 22px;color: #777;text-align: center;}
.cont2a{margin-top: 60px;}
.cont2b{margin-top: 60px;overflow: hidden;}
.cont2b .main{margin:47px 0 20px;position: relative;}
.cont2b .main .img1{margin-left: -3px;}
.cont2b .main .img2{position: absolute;top:46px;left:580px;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;}
.cont2b .main .img3{position: absolute;top:208px;left:161px;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;}
.cont2b .main:hover .img2{top:40px;}
.cont2b .main:hover .img3{top:200px;}
.cont2b p{font-size: 22px;color: #083BA3;text-align: center;line-height: 34px;}
.cont2c{margin-top: 60px;}

.cont2e{margin-top: 60px;}
.cont2e .main{background: url(/skin/java/images/cont2_e1.jpg) no-repeat center;height: 816px;overflow: hidden;}
.cont2e .con{width: 1094px;margin: 67px auto 0;position: relative;}
.cont2e .con ul{position: absolute;width: 1094px;height: 680px;top: 0;left:0px ;}
.cont2e .con ul li{width: 340px;height: 150px;position: absolute;}
.cont2e .con ul li img{display: block;margin: 20px auto 0;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;}
.cont2e .con ul .li1{left: 398px;top: 18px;}
.cont2e .con ul .li2{left:129px;top: 77px;width: 254px;}
.cont2e .con ul .li2 img{margin-top: 46px;margin-left: 163px;}
.cont2e .con ul .li3{left:7px;top: 312px;width: 380px;}
.cont2e .con ul .li3 img{margin-top: 36px;margin-left: 286px;}
.cont2e .con ul .li4{left:177px;top: 551px;}
.cont2e .con ul .li4 img{margin-top: 18px;margin-left: 250px;}
.cont2e .con ul .li5{right:219px;top: 529px;width: 260px;height: 160px;}
.cont2e .con ul .li5 img{margin-top: 39px;margin-left: 54px;}
.cont2e .con ul .li6{right:19px;top: 68px;width: 320px;height: 160px;}
.cont2e .con ul .li6 img{margin-top: 50px;margin-left: 39px;}
.cont2e .con ul .li7{right:19px;top: 299px;width: 320px;height: 160px;}
.cont2e .con ul .li7 img{margin-top: 50px;margin-left: 39px;}
.cont2e .con ul li:hover img{transform: rotateY(180deg);-ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
.cont2f{background:#F4F7F9 url(/skin/java/images/cont2_fbg.jpg) no-repeat top center;overflow: hidden;padding-bottom: 50px;}
.cont2f .cont2_hd{margin-top:60px;margin-bottom: 30px;}
.cont2f ol{width: 1050px;margin: 0 auto 45px;overflow: hidden;}
.cont2f ol li{width: 150px;text-align: center;float: left;}
.cont2f ol li img{display: block;margin: 0 auto;}
.cont2f ol li p{font-size: 18px;margin: 4px 0;}
.cont2f ol li .img2.on_img2{display: block;}
.cont2f ol li .img2{display: none;}
.cont2f ol li .img1{transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;}
.cont2f ol li .img1_move{transform: rotateY(180deg);-ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg);}
.cont2f ol li p.on_p{color: #078CE9;}
.cont2f ul{width: 1180px;margin: 0 auto;}
.cont2f ul li{overflow: hidden;display: none;}
.cont2f ul .fl{width: 640px;}
.cont2f ul .fr{width: 500px;}
.cont2f ul .fl img{padding: 11px;display: block;border: 1px dashed #BFBFBF;}
.cont2f ul .fr h3{float: left;background: #348FDD;font-size: 16px;padding: 7px 12px 12px 7px;border-top:4px solid #257BD4;color: #fff;border-left:4px solid #257BD4;margin-top: 25px;}
.cont2f ul .con_fr{width: 386px;float: right;background: #fff;box-shadow: 5px 5px  #DFE4E7;margin-right:10px ;margin-bottom: 10px;}
.cont2f ul .con_fr h2{font-size:26px;color: #083BA3;font-weight: bold;margin: 15px 0 2px 15px;}
.cont2f ul .con_fr p{font-size: 16px;color: #083BA3;margin-left:20px ;margin-bottom: 15px;}
.cont2f ul .con{margin-left: 20px;overflow: hidden;}
.cont2f ul .fr .con h3{padding:7px 14px;margin-top:9px;}
.cont2f ul .fr .con  p{font-size: 15px;color: #333;line-height: 28px;margin-left:20px ;width: 386px;float: right;}
.cont2f ul .fr .con{margin-top: 20px;}
.cont2f ul li.on{display: block}
.cont2f_btm p{font-size: 18px;color: #666;text-align: center;margin-top: 20px;}
.cont2f_btm .a_btn{margin-top:30px;}
.cont2g{margin-top: 60px;}
.cont2g ul{width: 1190px;margin: 0 auto;}
.cont2g ul li{width: 367px;float: left;background: url(/skin/java/images/cont2_g2.png) no-repeat 0; height: 364px;text-align: center;}
.cont2g ul .li2{margin: 0 40px;}
.cont2g ul li h3{font-size: 28px;margin-top: 75px;font-weight: bold;}
.cont2g ul li h4{font-size: 20px;margin-top:15px;line-height: 24px;}
.cont2g ul li h4 span{color: #FF510D;font-weight: bold;}
.cont2g ul li p{font-size: 18px;line-height: 28px;color: #666;margin-top:25px;margin-right: 5px;}
.cont2g ul .li2 h4,.cont2g ul .li3 h4{margin-top: 25px;}
.cont2g ul .li2 p{margin-top: 40px;}
.cont2g ul .li3 p{text-align: left;margin-left: 99px;margin-top:20px;}
.cont2g .btm{background: url(/skin/java/images/cont2_g3.jpg) no-repeat center;height: 463px;margin-top: -83px;}
.cont2g .btm h2{font-size: 30px;font-weight: bold;text-align: center;padding-top: 105px;color: #fff;}
.cont2g .btm ol{width: 1180px;margin: 34px auto 0;}
.cont2g .btm ol li{width: 350px;height: 125px;float: left;background: #fff;}
.cont2g .btm ol .li2{margin: 0 65px;}
.cont2g .btm .p1{font-size: 48px;color: #0A1E2F;text-align: center;letter-spacing: 3px;margin-top: 18px;}
.cont2g .btm .p1 span{font-size: 20px;}
.cont2g .btm .p2{font-size: 22px;color: #0A1E2F;text-align: center;margin-top: -2px;}
.cont2g .btm .p3{margin: 30px 0 8px;}

/*cont3开始*/
.cont3{background:#fff url(/skin/java/images/cont3_bg.jpg) no-repeat top center;overflow: hidden;}
.cont3 .main{width: 1180px;margin:60px auto 70px;overflow: hidden;}
.cont3 .main img{display: block;margin-top: 10px;float: left;transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s; }
.cont3 .main .img2{margin: 10px 38px 0;}
.cont3 .main img:hover{margin-top: 0;}
/*cont4开始*/
.cont4{background: url(/skin/java/images/cont4_bg.jpg) no-repeat center;height: 791px;overflow: hidden;}
.cont4 .img{display: block;margin: 126px auto 33px;}
.cont4 .main{width: 1180px;margin: 0 auto;position: relative;}
.cont4 .main .img1{top: 167px;left:50px;}
.cont4 .main .img2{top: 97px;left:345px;}
.cont4 .main .img3{top: 24px;right:482px;}
.cont4 .main .img4{top: 372px;right:360px;}
.cont4 .main .img5{top: 205px;right:70px;}
.cont4 .main .img1,.cont4 .main .img2,.cont4 .main .img3,.cont4 .main .img4,.cont4 .main .img5{
position: absolute;animation:bing1 2s  infinite;
-webkit-animation:bing1 2s  infinite;-moz-animation:bing1 2s infinite ;-o-animation:bing1 2s  infinite ;}


/*cont5开始*/
.cont5{background: url(/skin/java/images/cont5_bg.jpg) no-repeat center;height: 924px;overflow: hidden;}
.cont5 .box_hd{margin-top:50px;}
.cont5 .main{background: url(/skin/java/images/cont5_img1.png) no-repeat center;width: 1178px;height: 639px;margin: 0 auto;position: relative;}
.cont5 .main .img2{position: absolute;top: 0;left: 0;animation:bing2 3.2s  infinite;
-webkit-animation:bing2 3.2s  infinite;-moz-animation:bing2 3.2s infinite ;-o-animation:bing2 3.2s  infinite ;}
.cont5 .main .img1{animation:bing1 4.5s  infinite;
-webkit-animation:bing1 4.5s  infinite;-moz-animation:bing1 4.5s infinite ;-o-animation:bing1 4.5s  infinite ;}
.cont5 .cont5_btn{margin-top:0 ;background: url(/skin/java/images/cont5_btn.png) no-repeat 0; height: 61px;box-shadow: none;}
/*cont6开始*/
.cont6{margin-top: 60px;}
.cont6 ul{width: 800px;margin: 0 auto;overflow: hidden;}
.cont6 ul li{width: 200px;float: left;height: 215px;}
.cont6 ul li img{display: block;margin: 8px auto 0;transition: all .4s;-moz-transition: all .4s;-webkit-transition: all .4s;-o-transition: all .4s;}
.cont6 ul li p{font-size: 24px;text-align: center;margin-top: 14px;transition: all .4s;-moz-transition: all .4s;-webkit-transition: all .4s;-o-transition: all .4s;}
.cont6 ul li:hover img{margin-top: 12px;}
.cont6 ul li:hover p{margin-top: 8px;}




/*动画*/
@keyframes bing1
{ 0%{opacity:.4;}   50%{opacity: 1;}  100%{opacity: .4;}}
@-moz-keyframes bing1
{ 0%{opacity:.4;}   50%{opacity: 1;}  100%{opacity: .4;}}
@-webkit-keyframes bing1
{ 0%{opacity:.4;}   50%{opacity: 1;}  100%{opacity: .4;}}
@-o-keyframes bing1
{ 0%{opacity:.4;}   50%{opacity: 1;}  100%{opacity: .4;}}

@keyframes bing2
{ 0%{opacity:.6;}   50%{opacity: 1;}  100%{opacity: .6;}}
@-moz-keyframes bing2
{ 0%{opacity:.6;}   50%{opacity: 1;}  100%{opacity: .6;}}
@-webkit-keyframes bing2
{ 0%{opacity:.6;}   50%{opacity: 1;}  100%{opacity: .6;}}
@-o-keyframes bing2
{ 0%{opacity:.6;}   50%{opacity: 1;}  100%{opacity: .6;}}

@keyframes move1
{ 0%{transform: rotate(0deg);}  100%{transform: rotate(360deg);}}
@-moz-keyframes move1
{ 0%{transform: rotate(0deg);}  100%{transform: rotate(360deg);}}
@-webkit-keyframes move1
{ 0%{transform: rotate(0deg);}  100%{transform: rotate(360deg);}}
@-o-keyframes move1
{ 0%{transform: rotate(0deg);}  100%{transform: rotate(360deg);}}