@charset "utf-8";

/*****************

*

*这里是注释，以后都以这个为标准

*本css以公共部分为主，主要是整个项目的通用组件，的编写		

*name：项目的名称

*time：2014-10-17

*BY：kom



**************************************************/



/******************css重设 ,css reset************************/

html{overflow-x:hidden;}

body{font-family: \5FAE\8F6F\96C5\9ED1,arial,tahoma,Verdana,sans-serif;line-height:1.4;font-size:14px;color:#303030;}

html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 

fieldset, input, p,span, blockquote, table, th, td, embed, object {padding: 0;margin: 0;box-sizing:border-box;*behavior:url("js/libs/boxsizing.htc");}

table{border-collapse: collapse; border-spacing: 0;table-layout:fixed;width:100%;} 

fieldset,img,iframe{ border: 0;text-decoration:none;} 

address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;} 

caption, th {text-align:left;}

ul,ol{list-style:none;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}

q:before, q:after {content: '';}

button, input, select, textarea {font-size:100%;resize:none;font-family: \5FAE\8F6F\96C5\9ED1;}

abbr, acronym {border: 0;}

:focus {outline: 0;}

a, a:link, a:visited, a:hover, a:active{text-decoration:none;}

a{color:#333;}

a:hover,.jh_sm_pic a img:hover,.jh_hot_pic img:hover {opacity: .6;filter:Alpha(opacity=60);}

cite, em, dfn { font-style: italic; }

input[type='button'],input[type='submit'],input[type='reset']{cursor:pointer;vertical-align:middle;margin:0px;padding:0px;}

input[type='text']{vertical-align:middle;}

img{vertical-align:middle;}

.inlineb{display:inline-block;*display:inline;*zoom:1;}

.clearfix {*overflow: hidden; *zoom:1;clear:both; }

.clearfix:after { display: table; content: ""; width: 0; clear: both;}



/******************css重设  end ,css reset  end************************/



/******************index************************/

.pi_body{background:#c6feff;overflow-x:hidden;}

.pi_h{height:594px;background:url(../images/pi_fla.png) no-repeat center top;}

.pi_in{position:relative;text-align:left;width:1120px;margin:0 auto;height:100%;}

.pi_back_a{float:right;margin:30px 5px 0px 0px;}

.pi_intro{height:330px;background:url(../images/p_intro.png) no-repeat center center;}

.pi_det{margin-top:-65px;}

.pi_det .pi_in{width:1428px;height:1144px;background:url(../images/pi_intro_bg.png) no-repeat center top;}

.pi_det_all{padding:150px 200px 0px 220px;}

.pi_det_t{height:305px;}

.pi_tab_wrap{padding:0px 75px;}

.p_det_dt{float:left;margin-left:50px;}

.p_det_name{font-size:24px;font-weight:bold;padding-top:50px;margin-bottom:10px;}

.pi_det_js_t dd{padding-left:220px;}

.pi_det_js_text{line-height:1.8;}

.pi_det_tab td{vertical-align:top;}

.pi_detc_main{text-align:Center;}

.pi_detc_name{font-size:24px;font-weight:bold;margin-bottom:20px;}

.pi_detc_main{padding:20px 40px 5px 40px;}

.pi_detc_tab td{vertical-align:top;}

.pi_list .pi_in{width:1150px;}

.pi_list_all{width:1120px;background:red;margin-left:28px;background:#51b18b;padding-bottom:20px;}

.pi_list_t{padding:20px 0px;text-align:Center;}

.pi_list_li{width:977px;height:232px;background:url(../images/p_list_bg.png) no-repeat left center;margin:0 auto;margin-bottom:5px;}

.pi_story_li{width:1064px;height:399px;margin:0 auto;background:url(../images/pi_story_bg.png) no-repeat left center;}

.pi_list_text{padding:55px 50px 0px 50px;line-height:1.8;}

.pi_tw_pic{float:left;}

.pi_list_tw{padding:35px 70px 0px 65px;}

.pi_tw_pic{width:260px;heigth:165px;}

.pi_tw_pic img{width:100%;height:100%;}

.pi_tw_bt{font-size:18px;margin-bottom:20px;position:relative;}

.pi_tw_text{line-height:1.7;}

.pi_tw_bt,.pi_tw_text{padding-left:285px;}

.pi_play{width:86px;height:29px;background:url(../images/pi_play.png) no-repeat;position:absolute;right:0px;top:0px;text-align:center;line-height:28px;text-indent:-10px;color:#fff;font-size:14px;}

.pi_story_wrap{line-height:1.7;padding:40px 95px 0px 90px;}

.pi_footbar{margin-bottom:30px;}

.pi_footbar .pi_in{width:1300px;background:url(../images/pi_footbar.png) no-repeat 35px center;height:84px;}

.pi_foot{height:150px;background:#000000;color:#fff;font-size:12px;color:#fff;text-align:Center;padding-top:20px;}

.pi_foot li{margin-bottom:15px;}

.pi_star{position:absolute;right:5px;top:550px;z-index:100;}

.pi_star2{top:100px;right:5px;}

.pi_star3{top:1600px;right:5px;}



.pi_star1{

    animation: snowDown1 2s linear infinite normal 2s;

    -webkit-animation: snowDown1 2s linear infinite normal 2s;

    position: absolute;

}

@keyframes snowDown1 {

    from {

        opacity: 1;

        top: 550px;

        right: 5px;

    }

    to {

        opacity: 0;

        top: 1200px;

        right: 100%;

    }

}



.pi_star2{

    animation: snowDown2 3s linear infinite normal;

    -webkit-animation: snowDown2 3s linear infinite normal;

    position: absolute;

}

@keyframes snowDown2 {

    from {

        opacity: 1;

        top: 100px;

        right: 5px;

    }

    to {

        opacity: 0;

        top: 800px;

        right: 100%;

    }

}



.pi_star3{

    animation: snowDown3 3s linear infinite normal;

    -webkit-animation: snowDown3 3s linear infinite normal;

    position: absolute;

}

@keyframes snowDown3 {

    from {

        opacity: 1;

        top: 1600px;

        right: 5px;

    }

    to {

        opacity: 0;

        top: 2200px;

        right: 100%;

    }

}













.jh_show{display:block;}

/******************index end************************/