@charset "utf-8";
/* CSS Document */
.wrap_content{
    width:100%;
	height:100%;
    background: url(../images/bak.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.about{
    width:100%;
	height:100%;
    background: url(../images/about_bak.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.intro{
    width:100%;
	height:100%;
    background: url(../images/intro_bak.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.contact_us{
    width:100%;
	height:100%;
    background: url(../images/contact_bak.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.bus{
    width:100%;
	height:100%;
    background: url(../images/bus_bak.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.duty{
    width:100%;
	height:100%;
    background: url(../images/duty_bak.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.job{
    width:100%;
	height:100%;
    background: url(../images/job_bak.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.partner{
    width:100%;
	height:100%;
    background: url(../images/partner_bak.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.dynamic {
    width:100%;
	height:100%;
    background: url(../images/dynamic_bak.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}




.wrap_menu{
    width:210px;
	height:100%;
	position:relative;
	margin-left:100px;
    float:left;
    z-index:9;
 
}

.menu_bak{
    width:100%;
	height:100%;
	background:#000;
	opacity:0.9;
}

.menu{
    width:100%;
	position:absolute;
	top:0px;
	z-index:9;
}

.menu .logo{
  width:118px;
  height:93px;
  border-bottom:1px solid #39332c;
  padding:33.5px 46px;
}



.nav{
    width:100%;
    padding-bottom:15px;
    border-bottom:1px solid #39332c;
    text-align:center;
    font-size:0.875em;
}

.nav ul li{
    position:relative;
    width:100%;
}

.nav ul li .star{
    width:17px;
    height:15px;
    background:url(../images/star.png) no-repeat center;
    position:absolute;
    right:-8px;
    top:32.5%;
    opacity:0;
}

.nav ul li .star.current{
    -moz-animation: fadeInLeft .3s .2s both;
    -o-animation: fadeInLeft .3s .2s both;
    -webkit-animation: fadeInLeft .3s .2s both;
    animation: fadeInLeft .3s .2s both;
}

.nav ul li .nth_fath{
    height:40px;
    line-height:40px;
    margin-top:10px;
}

.nav ul li .nth_fath.current,.nav ul li .nth_fath:hover{
    background-color:#be9e71;
    color:#fff;
}

.nth_child{
    width:125px;
    position:absolute;
    right:-125px;
    top:0px;
    z-index:9;
    display:none;
    opacity:0;
}

.nth_child.current{
    /*-moz-animation: bounceIn .6s .4s both;
    -o-animation: bounceIn .8s 1s both;
    -webkit-animation: bounceIn .6s  .6s both;
    animation: bounceIn .8s 1s both;*/

    /*-moz-animation: bounceIn 0.1s 0.1s both;
    -o-animation: bounceIn 0.1s 0.1s both;
    -webkit-animation: bounceIn 0.1s  0.1s both;
    animation: bounceIn 0.1s 0.1s both;*/


    -moz-animation: fadeIn 0.2s 0.2s both;
    -o-animation: fadeIn 0.2s 0.2s both;
    -webkit-animation: fadeIn 0.2s  0.2s both;
    animation: fadeIn 0.2s 0.2s both;


}

/* .nth_child dl dd{
    width:100%;
    height:40px;
     line-height:1.3em; 
    line-height:40px;

    font-size:0.75em;
    color:#353535;
  
   
} */


.nth_child dl dd {
  width: 100%;
  height: 30px;
  line-height: 17px;
  font-size: 0.75em;
  color: #353535;
  padding-top: 13px;
}






.nth_child dl dd a:hover{
    color:#fff;
}


.c_menu_bak{
    width:125px;
    height:100%;
    position:relative;
    background:#c9a063;
    float:left;
    left:-200px;
    opacity:0;
    z-index:6;
}


.right_con{
    width:50%;
    height:100%;
    position:absolute;
    float:left;
    left:335px;
    z-index:9;
}

.right_con.current{
    -moz-animation: fadeOutLeft 1s  both;
    -o-animation: fadeOutLeft 1s  both;
    -webkit-animation: fadeOutRight 1s both;
    animation: fadeOutRight 1s  both;
}

.con_bak{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    background:#fff;
    opacity:0.7;
}

.con_des{
    width:90%;
    height:85%;
    left:50%;
    margin-left:-45%;
    position:absolute;
    top:0;
    z-index:9;
    padding-top:10%;
    padding-bottom:5%;
}

.con_tit{
    width:auto;
    height:14px;
    text-align:center;
    color:#fff;
    font-size:1em;
    line-height:30px;
    background:#c9a063;
    padding:8px 20px 8px 20px;
}

.con_tit.bus{
   
}

.con_txt{
    width:100%;
    height:92%;
    overflow:hidden;
    margin-top:20px;
    color:#555555;
    line-height:25px;
}

.con_txt.co_parther img{width:100%;height:auto;}


.versions{
    position:absolute;
    right:20px;
    top:20px;
    z-index:9;
    
}

.versions ul li{
    float:left;
    margin-left:5px;
    font-size:0.625em;
    color:#fff;
}

.contact{
    position:absolute;
    bottom:35px;
    text-align:center;
}

.search{
    width:160px;
    height:25px;
    border:1px solid #5c5c60;
    margin-left:25px;
    line-height:25px;
    margin-bottom:20px;
}

.input_txt{
    width:135px;
    border:none;
    height:24px;
    padding-left:5px;
    background:none;
     line-height:24px; 
    float:left;
    font-size:0.875em;
    color:#c9a063;
}

.search_but{
    float:left;
    background:url(../images/search_but.png) no-repeat;
    border:none;
    width:13px;
    height:14px;
    margin-top:5px;
    
}

.phone{
    background:url(../images/phone.png) no-repeat left;
    padding-left:20px;
    font-size:0.875em;
    margin-left:12px;
    color:#c9a063;
}

.share span{
    font-size:0.75em;
    color:#c9a063;
    float:left;
    margin-top:20px;
    margin-left:40px;
}

.share ul li{
    margin-left:10px;
    margin-right:2px;
    float:left;
    background:url(../images/share_hover.png) no-repeat center;
    height:15px;
    margin-top:18px;
    cursor:pointer;
}

.share ul li:hover{
    background:url(../images/share_hover.png) no-repeat center;
}

.share ul li:nth-child(1){
    width:18px;
    background-position:0 0;
}


.share ul li:nth-child(2){
    width:18px;
    background-position:-31px 0;
}

.share ul li:nth-child(3){
    width:15px;
    background-position:-63px 0;
}

.wrap_txt{
    position:absolute;
    width:495px;
    height:123px;
    left:50%;
    margin-left:-50px;
    top:167px;
    opacity:0;
    -moz-animation: fadeInDown .8s .2s both;
    -o-animation: fadeInDown .8s .2s both;
    -webkit-animation: fadeInDown .8s .2s both;
    animation: fadeInDown .8s .2s both;
}

.wrap_txt img{width:100%;height:auto;}

.flg_icon{
    position:absolute;
    bottom:-50px;
    right:0px;
}

.flg_icon ul li{
    float:left;
    width:40px;
    height:40px;
    opacity:0;
    background:url(../images/txt_icon.png) no-repeat center;
}

.flg_icon ul li:nth-child(1){
    background-position:0 0;
    margin-left:5px;
    -moz-animation: fadeInUp .8s .6s both;
    -o-animation: fadeInUp .8s .6s both;
    -webkit-animation: fadeInUp .8s .6s both;
    animation: fadeInUp .8s .6s both;
}

.flg_icon ul li:nth-child(2){
    background-position:-46px 0;
    margin-left:5px;
    -moz-animation: fadeInUp .8s .7s both;
    -o-animation: fadeInUp .8s .7s both;
    -webkit-animation: fadeInUp .8s .7s both;
    animation: fadeInUp .8s .7s both;
}

.flg_icon ul li:nth-child(3){
    background-position:-92px 0;
    margin-left:5px;
    -moz-animation: fadeInUp .8s .8s both;
    -o-animation: fadeInUp .8s .8s both;
    -webkit-animation: fadeInUp .8s .8s both;
    animation: fadeInUp .8s .8s both;
}

.flg_icon ul li:nth-child(4){
    background-position:-139px 0;
    margin-left:5px;
    -moz-animation: fadeInUp .8s .9s both;
    -o-animation: fadeInUp .8s .9s both;
    -webkit-animation: fadeInUp .8s .9s both;
    animation: fadeInUp .8s .9s both;
}

.footer{
    position:absolute;
    right:0px;
    bottom:0px;
    /*//width:650px;*/
    padding-left:20px;padding-right:20px;
    height:35px;
    line-height:35px;
    font-size:0.75em;
    z-index:8;
}

.f_bak{
    width:100%;
    height:100%;
    background:#000;
    opacity:0.5;
    position:absolute;
}

.f_txt{
    width:100%;
    position:absolute;
    right:-33%;
    z-index:9;
    text-align:center;
    color:#e7e7e7;
}

.right_info{
    position:absolute;
    right:0px;
    top:167px;
}

.right_info ul li{
    width:30px;
    height:115px;
    margin-bottom:35px;
    background:#182837;
    font-size:0.75em;
    cursor:pointer;
    position:relative;
}

.right_info ul li .icon{
    width:30px;
    height:30px;
    background:url(../images/date.png) no-repeat center;
    border-bottom:1px solid #39332c;
}

.right_info ul li:nth-child(2) .icon{
    background:url(../images/wx_icon.png) no-repeat center;
}

.right_info ul li .i_txt{
    width:15px;
    text-align:center;
    margin:0 auto;
    color:#e6e6e6;
    line-height:14px;
    margin-top:10px;
}

.news_list{
    width:0;/*345*/
    opacity:0;
    height:95px;
    position:absolute;
    right:30px;
    background:#988c75;
    top:0px;
    padding:10px 10px;

}

.news_img{
    width:138px;
    height:93px;
    border:2px solid #fff;
}

.news_con{
   width:195px;
   position:relative;
   overflow:hidden;
   color:#fff;
   font-size:0.75em;
   line-height:22px;
}

.news_det{
    color:#3b3b3b;
    margin-top:5px;
}

.focus{
    width:0;
    height:95px;
    position:absolute;
    right:30px;
    background:#988c75;
    top:0px;
    padding:10px 10px;
    opacity:0;
}

.focus_txt{
    width:15px;
    color:#fff;
    font-size:0.75em;
    float:left;
}

.wx_img {
    position: absolute;
    right:10px;
}

/*phone_menu*/
.p_menu{
    position:absolute;
    width:240px;
    height:100%;
    top:0px;
    left:-240px;
    cursor:pointer;
    z-index:99;
    opacity:0;
    display:none;
    -moz-animation: fadeInLeft 1s .2s both;
    -o-animation: fadeInLeft 1s .2s both;
    -webkit-animation: fadeInLeft 1s .2s both;
    animation: fadeInLeft 1s .2s both;
}

.p_close{
    display:none;
}

.p_logo {
    width:100%;
    height:10%;
    padding-top:20px;
    padding-bottom:30px;
    border-bottom:1px solid #3d3932;
}

.p_logo a{
    width:90px;
    margin:0 auto;
    display:block;
}

.p_menu_bak{
    width:100%;
    height:100%;
    background:#000;
    top:0;
    opacity:0.8;
    position:absolute;
}

.p_menu_wrap{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    z-index:99;
}


.btn-navbar{
    position:absolute;
    float:right;
    top:10px;
    right:-40px;
}
.p_menu ul li .icon-bar {
  width: 30px;
  height: 3px;
  border-radius:3px;
  background: #c9a063;
  margin-top: 5px;
  display: block;
}

.p_m_list{
    width:100px;
    height:77%;
    float:left;
    position:relative;
    /*left:-50px;*/
    left:70px;
    
}

.p_shade{
    position:absolute;
    top:0;
    z-index:9;
    width:100px;
    height:100%;
    background:none;
    display:none;
}


.p_m_bak{
    width:130px;
    height:77%;
    float:left;
    /*left:-50px;*/
    left:90px;
    background:#c9a063;
    opacity:0.2;
    position:relative;
    opacity:0;
    
}

.p_m_list ul li:first-child{
    margin-top:20px;
}
.p_m_list ul li{
    width:100%;
    margin:0 auto;
    text-align:center;
    height:40px;
    line-height:45px;
    color:#c9a063;
    position:relative;
    
}

.p_m_list ul li .li_shade{
    width:100%;
    height:45px;
    position:absolute;
    top:0;
    background:#c9a063;
    opacity:0.2;
    display:none;
}

.p_m_child{
    width:130px;
    position:absolute;
    z-index:999;
    left:100px;
    top:0;
    opacity:0;
    
}

.p_m_child.current{
   -moz-animation: bounceIn .6s 1.4s both;
   -o-animation: bounceIn .6s 1.4s both;
   -webkit-animation: bounceIn .6s 1.4s both;
   animation: bounceIn .6s 1.4s both;
}



.p_m_child dl dd{
    width:100%;
    height:38px;
    line-height:50px;
    text-align:center;
    font-size:14px;
    /*margin-bottom:10px;*/
    /*margin-bottom:0.5px;*/
    color:#fff;
}

.p_m_child dl dd:last-child{
    margin-top:18px;
}

.close_p{
    display:block;
}

/*.p_menu_list{
    width:180px;
    height:100%;
    position:absolute;
    top:0px;
    left:0;
    z-index:10;
    display:none;
}

.p_menu_child{
    width:100%;
    height:100%;
    background:#c9a063;
    opacity:0;
    -moz-animation: fadeOutLeft .4s  both;
    -o-animation: fadeOutLeft .4s  both;
    -webkit-animation: fadeOutLeft .4s both;
    animation: fadeOutRight .4s  both;
}

.p_menu_child.current{
    -moz-animation: fadeInLeft .4s  both;
    -o-animation: fadeInLeft .4s  both;
    -webkit-animation: fadeInLeft .4s both;
    animation: fadeInLeft .4s  both;
}


.p_menu_list .nav-toggle {
    position:absolute;
    width:40px;
    height:40px;
    z-index: 1;
    right:-40px;
    top:20px;
    background-color: #be0000;
    color: #fff;
    opacity:0;
    -moz-animation: fadeOutRight .4s  both;
    -o-animation: fadeOutRight .4s  both;
    -webkit-animation: fadeOutRight .4s both;
    animation: fadeOutRight .4s  both;
}

.p_menu_list .nav-toggle.current{
    -moz-animation: fadeInRight .4s  both;
    -o-animation: fadeInRight .4s  both;
    -webkit-animation: fadeInRight .4s both;
    animation: fadeInRight .4s  both;
}


.icon-cross{
    font-style:normal;
    font-size:20px;
}

.p_menu_list ul li{
    border-bottom:1px solid #fff;
}

.p_menu_list ul li a{
    color:#fff;
    line-height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    font-size:0.875em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.p_nth_child{
    position:relative;
    overflow:hidden;
    padding-left:10px;
    display:none;
}

.p_nth_child dl dd{
    float:left;
    width:100%;
    font-size:0.75em;
}

.p_nth_child dl dd a{
    line-height:30px;
}*/

/*about*/
.about_txt{
    width:131px;
    height:304px;
    position:absolute;
    top:50%;
    margin-top:-150px;
    right:10%;
}

.about_txt div{
    background:url(../images/about_font.png) no-repeat;
    float:right;
}

.about_txt .font_1{
    width:22px;
    height:304px;
    background-position:-109px 0;
    opacity:0;
    -moz-animation: fadeInRight .8s .2s  both;
    -o-animation: fadeInRight .8s .2s  both;
    -webkit-animation: fadeInRight .8s .2s both;
    animation: fadeInRight .8s .2s  both;
}

.about_txt .font_2{
    width:52px;
    height:304px;
    background-position:-57px 0px;
    opacity:0;
    -moz-animation: fadeInRight .8s .2s  both;
    -o-animation: fadeInRight .8s .2s  both;
    -webkit-animation: fadeInRight .8s .2s both;
    animation: fadeInRight .8s .2s  both;
}

.about_txt .font_3{
    width:48px;
    height:304px;
    background-position:0 -11px;
    float:left;
    opacity:0;
    -moz-animation: fadeInRight .8s .4s  both;
    -o-animation: fadeInRight .8s .4s  both;
    -webkit-animation: fadeInRight .8s .4s both;
    animation: fadeInRight .8s .4s  both;
}

.close,.chh{
    width:48px;
    height:48px;
    background:url(../images/close.png) no-repeat center;
    position:absolute;
    right:-63px;
    top:15px;
    z-index:9;
    cursor:pointer;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}

.close:hover,.chh:hover{
    -webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}

/*contact*/
.close.black,.chh.black{
     background:url(../images/close_black.png) no-repeat center;
}

.con_bak.contact{
    background:#000;
    opacity:0.8;
}

.contact_txt{
    color:#fff;
}

.act_tit{font-size:1em;}
.act_tit span{width:8px;height:8px;border-radius:100%;background:#c9a063;display:block;float:left;margin-right:10px;margin-top:10px;}
.phone_num{font-size:1em;margin-top:20px;}
.add_list{position:relative;overflow:hidden;margin-bottom:60px;}
.add_list ul li{width:100%;float:left;margin-top:30px;}
.add_list ul li .city_img{width:30%;}
.add_list ul li .city_img img{width:90%;height:auto;border-radius:100%;}
.city_txt{width:70%;overflow:hidden;}
.city_txt dl dt{font-size:1em;color:#c9a063;margin-bottom:25px;width:100%;margin-top:10px;}

.city_txt dl dd{width:100%;line-height:25px;font-size:0.75em;color:#bebebe;}


.city_txt .hehex{width:100%;line-height:25px;font-size:0.75em;color:#bebebe;}

.contact_txt_l{
    width:71px;
    height:474px;
    position:absolute;
    top:20%;
    right:10%;
    opacity:0;
    -moz-animation: fadeInRight .4s  both;
    -o-animation: fadeInRight .4s  both;
    -webkit-animation: fadeInRight 1s both;
    animation: fadeInRight 1s  both;
}

.ts{font-size:0.875em;padding-top:10px;padding-bottom:25px;}
.form1 dl dd{
    width:80%;
    float:left;
    margin-bottom:20px;
}

.form1 dl dd .short_txt{width:46%;height:30px;color:#6e6e6e;background:none;line-height:30px;padding-left:1%;border:1px solid #575757;font-size:0.875em;}
.form1 dl dd .short_txt.long{width:98.5%;}
.content{
    width:98.5%;
    height:170px;
    overflow-y:hidden;
    border:1px solid #575757;
    font-size:0.875em;
    background:none;
    color:#6e6e6e;
    padding-left:1%;
    padding-top:2%;
    resize:none;
}

.send{width:125px;height:30px;line-height:30px;background:#c9a063;color:#fff;font-size:0.875em;text-align:center;border:none;}

/*business*/
.bus_txt{
    width:141px;
    height:369px;
    position:absolute;
    top:20%;
    right:10%;
    opacity:0;
    -moz-animation: fadeInRight 1s  both;
    -o-animation: fadeInRight 1s both;
    -webkit-animation: fadeInRight 1s both;
    animation: fadeInRight 1s  both;
}

.con_txt ul li{
    width:100%;
    line-height:25px;
}

.logo{
    position:relative;
    width:30%;
    /* margin-bottom:25px; */
    margin-bottom:8px;
    /* margin-top:20px; */
  
}

.logo img{width:100%;height:auto;}

.tz_con{line-height:25px;}
.tz_con span{font-size:1.2em;color:#333333;}

/*duty*/
.duty_txt{
    top:15%;
    position:absolute;
    right:15%;
    width:78px;
    height:327px;
    opacity:0;
    -moz-animation: fadeInRight 1s  both;
    -o-animation: fadeInRight 1s  both;
    -webkit-animation: fadeInRight 1s both;
    animation: fadeInRight 1s  both;
}

/*org*/
.org_img{width:100%;position:relative;margin-top:37px;margin-bottom:100px;}
.org_img img{width:100%;height:auto;}
.act_tit.team{font-size:1.2em;color:#fff;}
.team_list{
    width:80%;
    overflow:hidden;
    position:relative;
    margin:0 auto;
    margin-top:50px;
}

.team_list ul{
    overflow:hidden;
    zoom:1;
}

.team_list ul li{
    width:100%;
    float:left;
    overflow:hidden;
    display:inline;
}

.team_list ul li .team_img{
    width:30%;
    margin:0 auto;
}

.team_img img{width:100%;height:auto;}

.team_list .prev, .team_list .next {
  position: absolute;
  display: block;
  width:19px;
  height:36px;
  top:20%;
  cursor:pointer;
  z-index:9999;
}

.team_list .prev{
    left:0px;
    background:url(../images/arr_left.png) no-repeat center;
}

.team_list .next{
    right:0px;
    background:url(../images/arr_right.png) no-repeat center;
}

.team_txt{
    width:80%;
    margin:0 auto;
    text-align:center;
    line-height:30px;
    color:#bebebe;
}

.team_txt .name{font-size:1.3em;color:#fff;margin-top:30px;}
.team_txt .job_l {font-size:1.2em;}

/*job*/
.job_txt{
    width:108px;
    height:267px;
    position:absolute;
    top:20%;
    right:17%;
}

.job_txt div{
    background:url(../images/job_font.png) no-repeat;
    float:right;
}

.job_txt .font_1{
    width:35px;
    height:267px;
    background-position:0 0;
    opacity:0;
    -moz-animation: fadeInRight 1s .2s  both;
    -o-animation: fadeInRight 1s .2s  both;
    -webkit-animation: fadeInRight 1s .2s both;
    animation: fadeInRight 1s .2s  both;
}

.job_txt .font_2{
    width:37px;
    height:267px;
    background-position:-35px 0;
    opacity:0;
    -moz-animation: fadeInRight 1s .2s  both;
    -o-animation: fadeInRight 1s .2s  both;
    -webkit-animation: fadeInRight 1s .2s both;
    animation: fadeInRight 1s .2s  both;
}

.job_txt .font_3{
    width:36px;
    height:267px;
    background-position:-72px 0;
    float:left;
    opacity:0;
    -moz-animation: fadeInRight 1s .4s  both;
    -o-animation: fadeInRight 1s .4s  both;
    -webkit-animation: fadeInRight 1s .4s both;
    animation: fadeInRight 1s .4s  both;
}

.job_yd{width:100%;margin-top:35px;margin-bottom:50px;float:left;}
.big_txt{font-size:2.275em;line-height:40px;}
.cen_txt{font-size:1.75em;line-height:80px;}
.job_list ul li{width:100%;float:left;margin-bottom:20px;}
.job_name{font-size:1.75em;line-height:40px;}
.job_rw{font-size:1.2em;line-height:40px;}

/*co_partner*/
.co_txt{
    width:80px;
    height:263px;
    position:absolute;
    top:20%;
    right:15%;
}

.co_txt div{
    background:url(../images/partner_font.png) no-repeat;
    float:left;
}

.co_txt .font_1{
    width:28px;
    height:263px;
    background-position:0 0;
    opacity:0;
    -moz-animation: fadeInRight 1s .2s  both;
    -o-animation: fadeInRight 1s .2s  both;
    -webkit-animation: fadeInRight 1s .2s both;
    animation: fadeInRight 1s .2s  both;
}

.co_txt .font_2{
    width:22px;
    height:263px;
    background-position:-28px 0;
    opacity:0;
    -moz-animation: fadeInRight 1s .2s  both;
    -o-animation: fadeInRight 1s .2s  both;
    -webkit-animation: fadeInRight 1s .2s both;
    animation: fadeInRight 1s .2s  both;
}

.co_txt .font_3{
    width:29px;
    height:263px;
    background-position:-50px 0;
    float:left;
    opacity:0;
    -moz-animation: fadeInRight 1s .4s  both;
    -o-animation: fadeInRight 1s .4s  both;
    -webkit-animation: fadeInRight 1s .4s both;
    animation: fadeInRight 1s .4s  both;
}

/*dynamic*/
.dt_txt{
    width:282px;
    height:598px;
    position:absolute;
    top:10%;
    right:5%;
}

.dt_txt div{
    background:url(../images/dynamic_font.png) no-repeat;
    float:left;
}

.dt_txt .font_1{
    width:151px;
    height:598px;
    background-position:0 0;
    opacity:0;
    -moz-animation: fadeInRight 1s .2s  both;
    -o-animation: fadeInRight 1s .2s  both;
    -webkit-animation: fadeInRight 1s .2s both;
    animation: fadeInRight 1s .2s  both;
}

.dt_txt .font_2{
    width:127px;
    height:598px;
    background-position:-155px 0 ;
    opacity:0;
    -moz-animation: fadeInRight 1s .4s  both;
    -o-animation: fadeInRight 1s .4s  both;
    -webkit-animation: fadeInRight 1s .4s both;
    animation: fadeInRight 1s .4s  both;
}

/*news*/

.news_list_l ul li{
    width:100%;
    float:left;
    color:#fff;
    margin-top:30px;
}

.news_list_l ul li .news_icon{width:5%;}
.news_list_l ul li .news_icon img{width:100%;height:auto;}
.news_list_l ul li .news_con{width:93%;}
.news_list_l ul li .news_l_tit {font-size: 1.8em;margin-bottom: 5px;}
.news_list_l ul li .news_icon img{width:100%;height:auto;}


/* page 1 */

.page{
    float:left;
    margin-left:7%;
    position:relative;
}
.page ul li{
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#fff;
    border:1px solid #fff;
    float:left;
    margin-right:8px;
}

.page ul li.current{color:#c9a063;}

.page ul li.next{width:55px;}
.page ul li.end{width:40px;}

/* page 2 */

.page{
    float:left;
    margin-left:7%;
    position:relative;
}
.page .mg{
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#fff;
    border:1px solid #fff;
    float:left;
    margin-right:8px;
}

.page .on{color:#c9a063;}

/*.page ul li.next{width:55px;}
.page ul li.end{width:40px;}*/









/*news_det*/
.news_det_tit{font-size:1.4em;margin-bottom:10px;color:#e7e7e7;}
.news_det_des{padding-top:40px;padding-bottom:40px;}

/*download*/
.down_list ul li:first-child{border-top:1px dotted #505050;margin-top:20px;}
.down_list ul li{width:95%;height:40px;line-height:40px;border-bottom:1px dotted #505050;}
.down_list ul li .down_tit{font-size:1.2em;}
.down_tit span{width:5px;height:5px;border-radius:100%;background:#c9a063;display:block;float:left;margin-top:17px;margin-right:10px;}
.down_icon{background:url(../images/download_icon.png) no-repeat left;padding-left:30px;}

/*view*/
.view_list ul li{width:45%;margin-right:5%;float:left;margin-top:30px;text-align:center}
.view_list ul li .view_img{position:relative;}
.view_list ul li .view_img img{width:100%;height:auto;}
.view_list ul li .view_name{padding-top:15px;padding-bottom:15px;font-size:1.2em;cursor:pointer;width:100%;overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;}
.view_list ul li .view_bak {
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity:0.4;
        position: absolute;
        z-index:9;
        top:0;
 }
.view_list ul li .view_icon {
        width: 100%;
        height: 100%;
        background:url(../images/view_icon.png) no-repeat center;
        cursor:pointer;
        position: absolute;
        z-index:99;
        top:0;
 }

/*intro*/
.intro_center{
    width:380px;
    height:420px;
    position:absolute;
    top:50%;
    margin-top:-250px;
    left:50%;
    margin-left:-195px;
   
}

.i_logo{
    width:200px;
    height:205px;
    position:relative;
    margin:0 auto;
    opacity:0;
    overflow:hidden;
    -moz-animation: bounceIn .6s 2s both;
    -o-animation: bounceIn .6s 2s both;
    -webkit-animation: bounceIn .6s 2s both;
    animation: bounceIn .6s 2s both;
}

.light_d{
    width:200px;
    height:200px;
    overflow:hidden;
    position:absolute;
    top:0;
    margin:auto;
}

.light{
    position:absolute;
    top:20px;
    left:50px;
    z-index:99;
    opacity:0;
    -webkit-animation:swinging 1s 4.5s 1 both;
    -moz-animation:swinging 1s 4.5s 1 both;
    animation:swinging 1s 4.5s 1 both;
    -webkit-transform-origin:50% 0;
    -moz-transform-origin:50% 0;
    transform-origin:50% 0;
}

.logo_txt ul li{
    float:left;
    margin-top:30px;
    margin-bottom:13px;
    background:url(../images/logo_font.png) no-repeat center;
   
}

.logo_txt ul li:nth-child(1){
    width:93px;
    height:54px;
    background-position:0 0;
    opacity:0;
    -moz-animation: fadeIn 1s 2.4s  both;
    -o-animation: fadeIn 1s 2.4s  both;
    -webkit-animation: fadeIn 1s 2.4s  both;
    animation: fadeIn 1s 2.4s   both;
}
.logo_txt ul li:nth-child(2){
    width:97px;
    height:54px;
    background-position:-93px 0;
    opacity:0;
    -moz-animation: fadeIn 1s 2.8s   both;
    -o-animation: fadeIn 1s 2.8s both;
    -webkit-animation: fadeIn 1s 2.8s  both;
    animation: fadeIn 1s 2.8s  both;
}
.logo_txt ul li:nth-child(3){
    width:95px;
    height:54px;
    background-position:-190px 0;
    opacity:0;
    -moz-animation: fadeIn 1s 3.2s  both;
    -o-animation: fadeIn 1s 3.2s both;
    -webkit-animation: fadeIn 1s 3.2s both;
    animation: fadeIn 1s 3.2s both;
}
.logo_txt ul li:nth-child(4){
    width:95px;
    height:54px;
    background-position:-285px 0;
    opacity:0;
    -moz-animation: fadeIn 1s 3.6s  both;
    -o-animation: fadeIn 1s 3.6s both;
    -webkit-animation: fadeIn 1s 3.6s both;
    animation: fadeIn 1s 3.6s both;
}

.logo_en_txt{
    opacity:0;
    -moz-animation: fadeIn  1s 3.8s  both;
    -o-animation: fadeIn  1s 3.8s both;
    -webkit-animation: fadeIn  1s 3.8s both;
    animation: fadeIn  1s 3.8s both;
}

.goto{
    width:104px;
    height:26px;
    margin:0 auto;
    margin-top:50px;
    opacity:0;
    -moz-animation: fadeInUp  1s 4s  both;
    -o-animation: fadeInUp  1s 4s both;
    -webkit-animation: fadeInUp  1s 4s both;
    animation: fadeInUp  1s 4s both;
}

.star_l{
    width:70px;
    height:70px;
    position:absolute;
    right:18%;
    bottom:40%;
    -webkit-animation-name: star;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 0 0;
    animation-name: star;
    animation-duration: 1.5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    transform-origin: 0 0;
}

.spot_div{
    width:100px;
    height:100px;
    position:absolute;
    right:18%;
    bottom:40%;
}

.spot_div div{
    background:#74e2fd;
    border-radius:100%;
    position:absolute;
}

.spot1{
    width:2px;
    height:2px;
    bottom:0px;
    right:0;
    -webkit-animation-name:spot1;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name:spot1;
    animation-duration: 3s;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

.spot2{
    width:3px;
    height:3px;
    bottom:50px;
    right:30px;
    -webkit-animation-name:spot2;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name:spot2;
    animation-duration: 3s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

.spot3{
    width:4px;
    height:4px;
    bottom:10px;
    right:20px;
    -webkit-animation-name: spot3;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name: spot3;
    animation-duration: 2s;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

.spot4{
    width:1px;
    height:1px;
    bottom:10px;
    right:50px;
    -webkit-animation-name: spot4;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name: spot4;
    animation-duration: 2s;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

.spot5{
    width:4px;
    height:4px;
    bottom:10px;
    right:10px;
    -webkit-animation-name: spot3;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name: spot3;
    animation-duration: 2s;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

.spot6{
    width:2px;
    height:2px;
    bottom:30px;
    right:10px;
    -webkit-animation-name:spot2;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name:spot2;
    animation-duration: 3s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

.spot7{
    width:3px;
    height:3px;
    bottom:40px;
    right:10px;
    -webkit-animation-name:spot1;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name:spot1;
    animation-duration: 3s;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

.spot8{
    width:3px;
    height:3px;
    bottom:0px;
    right:10px;
    -webkit-animation-name:spot2;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name:spot2;
    animation-duration: 3s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

.spot9{
    width:3px;
    height:3px;
    bottom:0px;
    right:40px;
    -webkit-animation-name: spot4;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name: spot4;
    animation-duration: 2s;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

.spot10{
    width:3px;
    height:3px;
    bottom:10px;
    right:50px;
    -webkit-animation-name: spot3;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name: spot4;
    animation-duration: 2s;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}
.spot11 {
    width:4px;
    height:4px;
    bottom:5px;
    right:16px;
    -webkit-animation-name: stop5;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name: stop5;
    animation-duration: 2s;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

.spot12 {
    width:2px;
    height:2px;
    bottom:6px;
    right:12px;
    -webkit-animation-name: stop5;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name: stop5;
    animation-duration: 2s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

.spot13 {
    width:3px;
    height:3px;
    bottom:0px;
    right:6px;
    -webkit-animation-name: stop5;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: .4s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name: stop5;
    animation-duration: 2s;
    animation-delay: .4s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}