@charset "utf-8";
/* CSS Document */

.pjh_index_main{background:url("pjh_index_bg.png")/*tpa=http://www.cofortune.com.cn/r/cms/www/default/img/pjh_index_bg.png*/ top center no-repeat #e0f6ff;position: relative;}
.pjh_tri01{position: absolute;left:17%;top:7%;-webkit-animation:blur 10s linear infinite;animation:blur 10s linear infinite;-moz-animation:blur 10s linear infinite;-o-animation:blur 10s linear infinite;}
.pjh_tri02{position: absolute;left:10%;top:20%;-webkit-animation:blur 5s ease-out infinite;animation:blur 5s ease-out infinite;-moz-animation:blur 5s ease-out infinite;-o-animation:blur 5s ease-out infinite;}
.pjh_tri03{position: absolute;left:20%;top:40%;-webkit-animation:blur 3s linear infinite;animation:blur 3s linear infinite;-moz-animation:blur 3s linear infinite;-o-animation:blur 3s linear infinite;}
.pjh_tri04{position: absolute;left:15%;top:50%;-webkit-animation:blur 5s ease-out infinite;animation:blur 5s ease-out infinite;-moz-animation:blur 5s ease-out infinite;-o-animation:blur 5s ease-out infinite;}
.pjh_tri05{position: absolute;right:20%;top:20%;-webkit-animation:blur 3s ease-in infinite;animation:blur 3s ease-in infinite;-moz-animation:blur 3s ease-in infinite;-o-animation:blur 3s ease-in infinite;}
.pjh_tri06{position: absolute;right:15%;top:50%;-webkit-animation:blur 5s ease-out infinite;animation:blur 5s ease-out infinite;-moz-animation:blur 5s ease-out infinite;-o-animation:blur 5s ease-out infinite;}
@-moz-keyframes blur{
	    0%{
	      -moz-filter: blur(0);
	     }
	     50%{
	       -moz-filter: blur(10px);
	     }
	     100%{
	       -moz-filter: blur(0);
	     }
	  }
@-webkit-keyframes blur{
	   0%{
	      -webkit-filter: blur(0);
	     }
	     50%{
	       -webkit-filter: blur(10px);
	     }
	     100%{
	       -webkit-filter: blur(0);
	     }
	  }
@-o-keyframes blur{
	    0%{
	      -ms-filter: blur(0);
	     }
	     50%{
	       -ms-filter: blur(10px);
	     }
	     100%{
	       -ms-filter: blur(0);
	     }
	  }
.pjh_index_waves{height:160px;position: absolute;bottom: 0;left:0;width:100%;overflow:hidden;}
.pjh_index_waves img{height:100%;float: left;display:inline-block;}
.pjh_wave01{height:80%;position:absolute;bottom:0;left:0;}
.pjh_wave02{height:70%;position:absolute;bottom:0;left:0;}
.pjh_wave03{height:50%;position:absolute;bottom:0;left:0;}
.pjh_index_jianjie{width:30%;margin:0 auto;position: relative;}
.pjh_jianjie_cir{position: absolute;top:0;left:0;-webkit-animation:rotate 10s linear infinite;-o-animation:rotate 10s linear infinite;width:100%;animation:rotate 10s linear infinite;-moz-animation:rotate 10s linear infinite;}
.pjh_jianjie_cir img{width:100%;}
@-moz-keyframes rotate{
	    0%{
	      -moz-transform:rotate(0deg);
	     }
	     100%{
	       -moz-transform:rotate(360deg);
	     }
	  }
@-webkit-keyframes rotate{
	    0%{
	      -webkit-transform:rotate(0deg);
	     }
	     100%{
	       -webkit-transform:rotate(360deg);
	     }
	  }
@keyframes rotate{
	    0%{
	      transform:rotate(0deg);
	     }
	     100%{
	       transform:rotate(360deg);
	     }
	  }
@-o-keyframes rotate{
	    0%{
	      -o-transform:rotate(0deg);
	     }
	     100%{
	       -o-transform:rotate(360deg);
	     }
	  }
.pjh_jianjie_bg{width:80%;position:absolute;padding-top:12%;left:10%;background-size: 100%;height:80%;}
.pjh_jianjie_bg img{width:100%;}
.pjh_jianjie_txt{font-size: 26px;color:#fff;position: absolute;padding-top:42%;top:0;text-align: center;width:100%;}
.pjh_jianjie_txt p{line-height: 50px;}
.pjh_jianjie_txt a{color:#fff;padding:5px 30px;border:1px solid #fff;border-radius: 30px;display:inline-block;font-size: 16px;margin-top:20px;}
.pjh_index_roller{text-align: center;position: absolute;bottom:20%;width:100%;font-size: 12px;color:#208cb2;}
.pjh_roller_down{position: relative;}
.pjh_index_nav{position:absolute;top:40%;right:10%;font-size: 12px;color:#fff;z-index:10;}
.pjh_index_nav ul li{background:url("pjh_index_nav.png")/*tpa=http://www.cofortune.com.cn/r/cms/www/default/img/pjh_index_nav.png*/ no-repeat center center;text-align: center;width:40px;height:8px;margin-bottom: 10px;cursor:pointer;}
.pjh_index_nav span{display:none;}
.pjh_index_nav ul li.spc{background:url("pjh_index_navspc.png")/*tpa=http://www.cofortune.com.cn/r/cms/www/default/img/pjh_index_navspc.png*/ no-repeat;width:40px;height:20px;line-height: 20px;}
.pjh_index_nav .spc span{display:inline;}
#index_frame{position: relative;padding-top: 2%;}
.pjh_index_zizhi{width:30%;margin:0 auto;position: relative;}
.pjh_zizhi_cir{position: absolute;top:0;left:0;width:100%;height:100%;}
.pjh_zizhi_cir img{width:100%;position: absolute;top:0;left:0;}
.pjh_zizhi_bg{width:80%;position:absolute;padding-top:12%;left:10%;padding-bottom: 80%;}
.pjh_zizhi_bg{text-align: center;}
.pjh_zizhi_txttop{position:absolute;top:0;left:0;height:0;overflow:hidden;padding-top: 20%;width:100%;}
.pjh_zizhi_txtmiddle{position:absolute;top:51%;left:0;height:10%;width:100%;}
.pjh_zizhi_txtmiddle img{height:100%;}
.pjh_zizhi_txtbottom{position:absolute;bottom:0;left:0;height:0;overflow:hidden;width:100%;}
.pjh_zizhi_txt p a{color:#6cd6fb;}
.pjh_zizhi_txt a{margin-bottom:3%;display:inline-block;}
.pjh_zizhi_txt01 a{font-size: 12px;filter:alpha(opacity=40);  -moz-opacity:0.4;opacity: 0.4;}
.pjh_zizhi_txt02 a{font-size: 14px;filter:alpha(opacity=50);  -moz-opacity:0.5;opacity: 0.5;}
.pjh_zizhi_txt03 a{font-size: 16px;filter:alpha(opacity=70);  -moz-opacity:0.7;opacity: 0.7;}
.pjh_zizhi_txt04 a{font-size: 16px;filter:alpha(opacity=85);  -moz-opacity:0.85;opacity: 0.85;}
.pjh_zizhi_txt a:hover{filter:alpha(opacity=100);  -moz-opacity:1;opacity: 1; }
.pjh_zizhi02{-webkit-animation:zizhi02 3s linear 1;-o-animation:zizhi02 3s linear 1;-moz-animation:zizhi02 3s linear 1;animation:zizhi02 3s linear 1;}
.pjh_zizhi03{-webkit-animation:zizhi03 3s linear 1;-o-animation:zizhi03 3s linear 1;-moz-animation:zizhi03 3s linear 1;animation:zizhi03 3s linear 1;}
.pjh_zizhi04{-webkit-animation:zizhi04 3s linear 1;-moz-animation:zizhi04 3s linear 1;-o-animation:zizhi04 3s linear 1;animation:zizhi04 3s linear 1;}
@-moz-keyframes zizhi02{
	    0%{
	      -moz-transform:rotate(15deg);
	     }
	     100%{
	       -moz-transform:rotate(0deg);
	     }
	  }
@-webkit-keyframes zizhi02{
	    0%{
	      -webkit-transform:rotate(15deg);
	     }
	     100%{
	       -webkit-transform:rotate(0deg);
	     }
	  }
@keyframes zizhi02{
	    0%{
	      transform:rotate(15deg);
	     }
	     100%{
	       transform:rotate(0deg);
	     }
	  }
@-o-keyframes zizhi02{
	    0%{
	      -o-transform:rotate(15deg);
	     }
	     100%{
	       -o-transform:rotate(0deg);
	     }
	  }
@-moz-keyframes zizhi03{
	    0%{
	      -moz-transform:rotate(30deg);
	     }
	     100%{
	       -moz-transform:rotate(0deg);
	     }
	  }
@-webkit-keyframes zizhi03{
	    0%{
	      -webkit-transform:rotate(30deg);
	     }
	     100%{
	       -webkit-transform:rotate(0deg);
	     }
	  }
@keyframes zizhi03{
	    0%{
	      transform:rotate(30deg);
	     }
	     100%{
	       transform:rotate(0deg);
	     }
	  }
@-o-keyframes zizhi03{
	    0%{
	      -o-transform:rotate(30deg);
	     }
	     100%{
	       -o-transform:rotate(0deg);
	     }
	  }
@-moz-keyframes zizhi04{
	    0%{
	      -moz-transform:rotate(45deg);
	     }
	     100%{
	       -moz-transform:rotate(0deg);
	     }
	  }
@-webkit-keyframes zizhi04{
	    0%{
	      -webkit-transform:rotate(45deg);
	     }
	     100%{
	       -webkit-transform:rotate(0deg);
	     }
	  }
@keyframes zizhi04{
	    0%{
	      transform:rotate(45deg);
	     }
	     100%{
	       transform:rotate(0deg);
	     }
	  }
@-o-keyframes zizhi04{
	    0%{
	      -o-transform:rotate(45deg);
	     }
	     100%{
	       -o-transform:rotate(0deg);
	     }
	  }
.pjh_index_fuwu{width:30%;margin:0 auto;position: relative;}
.pjh_fuwu_cir{position: absolute;top:0;left:0;width:100%;height:100%;}
.pjh_fuwu_cir img{width:100%;position: absolute;top:0;left:0;}
.pjh_fuwu_name{position: absolute;}
.pjh_fuwu_bg{width:100%;position: relative;height:0;padding-bottom: 100%;}
.pjh_fuwu_name{width:40%;top:22%;position: absolute;left:30%;}
.pjh_fuwu_wrapper{border:1px solid #d8d8d8;position: relative;width:430px;background:#fff;margin:4px 0 0 12px;filter:alpha(opacity=80);  -moz-opacity:0.8;opacity: 0.8; z-index:20;border-radius:8px;}
.pjh_fuwu_title{border-bottom: 1px solid #d8d8d8;}
.pjh_fuwu_title a{color:#464646;font-size: 24px;padding-left: 20px;line-height: 50px;}
.pjh_fuwu_title .more{float: right;width:12px;height:12px;padding-top: 20px;padding-right: 10px;}
.pjh_fuwu{position: absolute;width:5%;}
.pjh_fuwu_txt table{margin:3%;line-height: 24px;height:120px;overflow:hidden;}
.pjh_fuwu_btn{width:100%;padding-top:100%;display:inline-block;}
.pjh_fuwu_btn:hover{background-image: url("pjh_fuwu_btn.png")/*tpa=http://www.cofortune.com.cn/r/cms/www/default/img/pjh_fuwu_btn.png*/;background-size:80%;background-repeat: no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/pjh_fuwu_btn.png', sizingMethod='scale');}
.pjh_fuwu_btn.spc{background-image: url("pjh_fuwu_btn.png")/*tpa=http://www.cofortune.com.cn/r/cms/www/default/img/pjh_fuwu_btn.png*/;background-size:80%;background-repeat: no-repeat;}
.pjh_fuwu1{padding-top:7%;left:25%;}
.pjh_fuwu2{padding-top:6%; left: 49%;}
.pjh_fuwu3{padding-top:31%;  left: 10%;}
.pjh_fuwu4{padding-top:43%; left: 1.5%;}
.pjh_fuwu5{padding-top:83%; left: 19%;}
.pjh_fuwu6{padding-top:83%; left: 56%;}
.pjh_fuwu7{padding-top:80%; left: 81%;}
.pjh_fuwu8{padding-top:60.5%; left: 93%;}
.pjh_fuwu9{padding-top:39%; left: 94%;}
.pjh_fuwu10{padding-top:51%; left: 77%;}
.pjh_fuwu11{padding-top:53%; left: 28%;}
.pjh_fuwu12{padding-top:33.5%; left: 59.5%;}
.pjh_fuwu13{padding-top:19%; left: 79%;}
.pjh_fuwu14{padding-top:4%; left: 68.5%;}
.pjh_fuwu_wrapper{display:none;}
.index_beian{position: absolute;
    bottom: 10px;text-align:center;font-size:14px;width:100%;color:#484848;z-index:100}
.index_beian a{color:#484848}
@media screen and (max-width : 1024px){
  .pjh_index_decoration img{width:10%;}
  .pjh_tri01{left:5%;}
  .pjh_tri02{left:0;}
  .pjh_index_decoration .pjh_tri03{width:3%;left:15%;}
  .pjh_tri04{top:60%;}
  .pjh_index_decoration .pjh_tri05{right:10%;width:3%;}
  .pjh_tri06{right:5%;}
  .pjh_index_nav{top:75%;}
  .pjh_index_jianjie{width:85%;}

  .pjh_index_zizhi{width:85%;}
  .pjh_zizhi_bg {width: 90%; position: absolute; padding-top: 10%; left: 5%; }
  .pjh_zizhi_txttop{padding-top: 12%;}
  .pjh_zizhi_txtmiddle img{width:70%;}
  .pjh_index_fuwu{width:85%;}
  #index_frame{padding-top: 10%;}
  .pjh_index_waves{height:80px;}
}
@media screen and (max-width : 415px){
  .pjh_jianjie_txt{font-size: 18px;}
  .pjh_jianjie_txt p{line-height: 30px;}
  .pjh_zizhi_bg .pjh_zizhi_txt a{margin-bottom: 2%;font-size: 12px;}
  #wrapper{min-width: 320px;}
  }
/*  @media screen and (orientation: landscape) {
    html{-webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	 -o-transform: rotate(90deg);
	    transform: rotate(90deg);}
  }*/
  @media screen and (orientation: landscape) and (max-width : 1024px){
    .pjh_index_jianjie,.pjh_index_zizhi,.pjh_index_fuwu{width:30%;}
    .pjh_jianjie_txt{font-size: 12px;}
    .pjh_jianjie_txt p{line-height: 24px;}
    .pjh_jianjie_txt a{margin-top: 10px;padding:5px 10px;}
    .pjh_index_nav{top:35%;}

  }