article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:'Microsoft YaHei';-ms-touch-action:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
.clearfix:after{clear:both;content:"\20";display:block;height:0;visibility:hidden}
.clearfix{zoom:1}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
a,button,div,input{outline:0;text-decoration:none}
::-moz-focus-inner{border:0}
.box_black,.last_download li div,.last_download li span,.logo h1,.logo span,.main_animate dl dd,.tobe_part3 ul li div.icon,.tobe_part3 ul li span,.upload_list ul li span{background:url(../images/MainImg.png) no-repeat;background-size:723px 621px}
.auto1000{position:relative;width:1000px;margin:0 auto;height:auto}
.index_part1 .right_auto .img_yxj,.top_content .logo span,.mar .imgA{ background-image:url(../images/imgs_01.png); background-size:436px 400px;}
.top_content{width:100%;height:auto;padding:0; margin:0;}
.top_content .logo{width:200px; margin-left:60px;}
.top_content .logo span{display:block;width:130px;height:100px;  background-position: 0px 0px;}
/*.top_content .logo h1{width:97px;height:46px;background-position:-180px -493px;margin:10px 0 0 10px;float:left}*/
.top_content .menu{position:absolute;left:443px;top:18px;top: 35px;}
.top_content .menu_bg{ width:592px; height:100px; background:url(../images/menu_bg.jpg) 0 0 no-repeat;position:absolute; left:446px; top:0;filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/
}
.top_content .menu ul{ width:755px;}

.top_content .menu li{float:left;border-right:2px solid #323232;padding:0 40px;height:26px}
.top_content .menu li.last{border-right:none}
.top_content .menu li a{color:#323232;font-size:24px;margin-top:-3px;display:block}
.middle_content{position:relative;width:100%;height:auto}
.part1{width:100%;height:580px;background:url(../images/indexbg.jpg) center no-repeat; min-width:1201px;}
.lianxifs{padding:40px 0 140px;color:#323232}
.lianxifs h3{padding:60px 0 20px;font-size:38px;line-height:60px}
.lianxifs p{position:relative;font-size:24px;line-height:40px}
.lianxifs p.blod{padding-top:20px}
.lianxifs p:nth-child(2) a{position:absolute;top:5px}
.footer_content{width:100%; background-color:#3b3d3d; height: 200px; color:#FFF; font-size:16px}
.footer_content .footLeft{ width: 600px; float: left; position: relative; margin-top: 40px; margin-right: 40px; }
.footer_content .footLeft .wx-img{ display:block; width: 120px; height: 120px; float: left; margin-right: 32px;}
.footer_content .footLeft .wx-img img{display:block; width: 120px; height: 120px; }
.footer_content .footLeft .box1{ float: left; }
.footer_content .footLeft .box1 h2{ font-size: 24px; color: #fff; font-weight: normal;}

.footer_content .footLeft .btn_box{ float: left; height: 60px;  margin: 20px 0px 0px 0px;  }
.footer_content .footLeft .btn_box a { display:block; overflow: hidden; float: left;}
.footer_content .footLeft .btn_box a.btn1{ margin-right:20px; }

.footer_content .footRight{ height: 100px; width: 400px; float: left; margin-top: 50px;  padding-left: 40px; border-left: 1px solid #636363; text-align: left;}
.footer_content .footRight h3,.footer_content .footRight p{ font-size: 16px;}
.footer_content .footRight h3{ color: #fff; padding-top: 10px;}
.footer_content .footRight p{ color: #969696; padding-top: 15px;}

.footer_content .auto1000{width:1100px}

.phone{position:relative;width:100%;height:579px;background-color:#191919;}
.phone .pbg{width:670px;height:579px;background:url(../images/phonebg.png) no-repeat;background-size:670px 579px; position:absolute; top:0px; left:0px;display:none; }
.app_down{ width: 390px; height: 270px; position: absolute; top: 145px; right: 0px; color: #fff; /*display: none;*/ }
.app_down h1{ font-size: 36px; margin-bottom: 10px;}
.app_down .p1{ font-size: 24px; display:block; margin-bottom: 35px; }
.app_down .down{ height: 150px;}
.app_down .down .wx{ float: left;}
.app_down .down .btn_box{ float: right; width: 210px;}
.app_down .down .btn_box a{ display: block; width: 210px; height: 60px;}
.app_down .down .btn_box a.btn1{ margin-bottom: 17px; background: url(../images/up20160721/dashu_06.png); margin-top: 5px; }
.app_down .down .btn_box a.btn2{  background: url(../images/up20160721/dashu_09.png); }

.pbg_top{  background:url(../images/pbg_top.jpg) 447px 0 no-repeat;  height:100px;}
.phone .showtime{font-size:40px;line-height:620px;color:#fff;width:500px;margin-left:110px;}
.phone_con{ width:1201px; height:579px;  margin:0 auto; position:relative;}

.main_animate_fzc{width:670px;height:579px;overflow:hidden;margin:0px auto; }
.main_animate_fzc iframe{border:none;background-color:none}
.main_animate{position:relative;width:100%;height:100%}
.group{position:absolute;width:100%;top:0;left:0}
.box_black{position:relative;width:524px;height:165px;background-position:-17px -137px;margin:30px auto;color:#FFF;font-size:20px;line-height:30px;display:none;}
.box_black div{position:absolute;top:24px;left:32px;display:block; width:460px;}


.main_animate dl{width:542px;height:84px;margin:30px auto 20px;display:none}
.main_animate dl dd{position:relative;width:224px;height:84px;float:left;font-size:20px;line-height:20px;background-position:-113px -12px;cursor:pointer}
.main_animate dl dd.first{margin:0 34px 0 10px}
.main_animate dl dd.second{margin:0 4px 0 40px}
.main_animate dl dd.Cur{background-position:-419px -12px}
.main_animate dl dd div{position:absolute;display:block;top:20px;left:37px;width:147px}
.main_animate dl dd .default_font4{ top:12px;}
.main_animate dl dd .point1{ top:30px;}
.box_black div.point1-{top:40px;left:32px;}
.box_black div.point2-{top:50px;left:32px}
.main_animate dl dd div.point1-{top:35px;left:45px;}
.main_animate dl dd div.point2-{top:35px;left:40px;width:210px}
.lws_gdjcdzn{width:100%;text-align:center;font-size:26px;line-height:48px;color:#FFF;margin-top:30px;display:none;-webkit-animation:textChange 1s linear infinite}
@-webkit-keyframes textChange{0%{opacity:.8}
100%{opacity:1}
}
.margin_toplarger{margin-top:30px}
.btn_replay{position:absolute;left:57%;top:400px;cursor:pointer;text-align:center;line-height:40px;width:200px;margin-left:-100px;height:80px;display:none}
.btn_replay dl dt{width:75px;height:75px;background-color:#31CFE6;border-radius:75px;float:left}
.btn_replay dl dt span{width:44px;height:46px;display:block;background:url(../images/renew_03.png);margin:16px}
.btn_replay dl dd{color:#FFF;font-size:20px;float:left;padding:15px 0 0 11px}
.upload_list{background-color:#373737;height:100px;position:relative}
.auto100{width:1200px;position:relative;margin:0 auto;height:auto}
.upload_list .note{color:#ffffff;line-height:100px; font-size:16px;}
.upload_list ul{position:absolute;width:1070px;left:147px;top:16px}
.upload_list ul li{float:left; /*padding:0 40px 0 0;*/ padding:0 110px 0 0;}
/*.upload_list ul li:nth-child(3){ padding:0;}*/
.upload_list ul li .yuan{width:70px;height:70px;border-radius:40px;background-color:#565656;float:left}
.upload_list ul li span{display:block;width:38px;height:41px;margin:14.5px auto}
.upload_list .down{background:url(../images/wanshu_nav_03.png);width:70px;height:70px;float:left}
.upload_list .menDown{background:url(../images/wanshu_nav_05.png);width:70px;height:70px;float:left}
.upload_list .szjq{background:url(../images/up20160721/dashu_13.png);width:70px;height:70px;float:left}
.upload_list .mscw{background:url(../images/up20160721/dashu_15.png);width:70px;height:70px;float:left}

.upload_list .android a{color:#FFF;display:block; padding-left:5px}
.upload_list .android h1{font-size:20px;line-height:41px; font-weight:normal; margin-left: 0px;}
.upload_list .android p{font-size:16px;line-height:20px; margin-left:9px;}
.upload_list .ios a{color:#FFF;display:block;padding-left:5px}
.upload_list .ios h1{font-size:20px;line-height:41px;font-weight:normal; margin-left: 0px;}
.upload_list .ios p{font-size:16px;line-height:20px;margin-left:9px;}
.upload_list .android a:hover{color:#24C8E0}
.upload_list .ios a:hover{color:#24C8E0}

.upload_list .other a{color:#FFF;display:block; padding-left:5px}
.upload_list .other h1{font-size:20px;line-height:41px; font-weight:normal;}
.upload_list .other p{font-size:16px;line-height:20px; margin-left:9px;}
.upload_list .other a:hover{color:#24C8E0}

.upload_list ul li.ios span{background-position:-62px -372px}
.upload_list ul li.wp span{background-position:-123px -377px}
.upload_list ul li a{float:left;color:#848484;display:block;line-height:69px;padding:0 0 0 10px;cursor:pointer}
.upload_list ul li:hover a{color:#FFF;-webkit-transition:color .1s ease-out;transition:color .1s ease-out}
.index_part1{width:100%;height:508px;margin:67px auto}
.index_part1 .left_auto{background:url(../images/aaaa_06.jpg) no-repeat;width:488px;height:513px;float:left}
.index_part1 .right_auto{width:560px;float:left; margin-left: 60px;}
.index_part1 .right_auto .img_yxj{
    margin: 10px auto;
    width: 148px;
    height: 152px;
    background-position: -180px 0px;

}
.auto11{width:1200px;margin:0 auto;height:400px}
.index_part1 p{font-size:16px;line-height:36px;text-align:center;color:#474747}
.index_part1 p.last{font-size:26px;color:#474747;line-height:48px

}
.font36{font-size:26px;line-height:48px;text-align:center;color:#474747}
.blod{}
.booklist{width:100%;background:url(../images/up20160721/dashu_20.png) repeat-x;height:640px}
.booklist .main{width:1202px;height:390px; margin:0px auto; position: relative; }
.booklist .main_h1{font-size:26px;text-align:center;padding:30px 0 6px 0;color:#000; position: absolute; width: 1202px; top:5px;}
.booklist .main_h3{font-size:16px;text-align:center;color:#474747; position: absolute; width: 1202px; top:85px;}
.booklist ul{width:1202px;height:390px; position: absolute; top: 138px; left: 0px; -webkit-transition:all 1s ease-out;transition:all 1s ease-out;}
.booklist ul li{position:relative;height:470px;float:left;margin:0 10px}
.booklist ul li img{position:relative;top:50%;left:0;height:auto;cursor:pointer;z-index:1;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;-webkit-transform:scale(1);transform:scale(1)}
.booklist ul li p{left:0;width:100%;position:absolute;text-align:center;height:30px;line-height:30px;-webkit-transition:all 1s ease-out;transition:all 1s ease-out; color:#04434c; font-size:20px; z-index:1000;}
.booklist ul li span{position:absolute;display:block;text-align:center;margin-top:30px;width:70%;left:15%;height:15px;border-radius:50%;background-image:-webkit-radial-gradient(rgba(140,226,238,.5) 0,rgba(140,226,238,0) 100%,rgba(140,226,238,0) 200%);background-image:radial-gradient(rgba(140,226,238,.5) 0,rgba(140,226,238,0) 100%,rgba(140,226,238,0) 200%);bottom:-30px;-webkit-transition:all 1s ease-out;transition:all 1s ease-out;-webkit-transform:scale(1);transform:scale(1);}
.booklist ul li.blist1{}
.booklist ul li.blist1 img{margin:-202px 0 0 0}
.booklist ul li.blist1 p{bottom:35px}
.booklist ul li.blist1 span{bottom:42px}
.booklist ul li.blist2{}
.booklist ul li.blist2 img{margin:-218px 0 0 0}
.booklist ul li.blist2 p{bottom:18px}
.booklist ul li.blist2 span{bottom:24px}
.booklist ul li.blist3{}
.booklist ul li.blist3 img{margin:-234px 0 0 0}
.booklist ul li.blist3 p{bottom:-1px}
.booklist ul li.blist3 span{bottom:5px}
.booklist ul li.on img{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.booklist ul li.on p{-webkit-transform:rotateY(360deg) translateY(20px);transform:rotateY(360deg) translateY(20px);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.booklist ul li.on span{-webkit-transform:scale(1.2) translateY(20px);transform:scale(1.2) translateY(20px);-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.index_part2{width:1202px;height:640px;margin:0 auto;position:relative}
.index_part2 .back_top{ width: 1202px; position: absolute; top: 0px; left: 0px; z-index: 5; height: 109px; background:url(../images/baise-mengban_shang.png) no-repeat center;}
.index_part2 .back_bottom{ width: 1202px; position: absolute; bottom: 0px; left: 0px; z-index: 5; height: 109px; background:url(../images/baise-mengban_xia.png) no-repeat center;}
.phoneBox .choice,.phoneBox .text1,.phoneBox .text2{display:none}
.phoneBox{float:left;width:470px;height:560px;padding:40px 0;background:url(../images/phone.jpg) no-repeat center top;background-size:100%}
.text{width:381px;height:138px;padding:15px;margin:40px auto;font-size:20px;background:url(../images/p2_textBox.png) no-repeat center center;background-size:100% 100%}
.choice{text-align:center;overflow:hidden}
.choice a{display:inline-block;width:216px;height:98px;font-size:20px;text-align:left;color:#472b20;background:url(../images/p2_btn_1.png) no-repeat center center;background-size:100%}
.choice a p{ width:173px; margin:0 auto; padding:20px 0;}
.choice a.on{background:url(../images/p2_btn_2.png) no-repeat center center}

.text2{height:80px}
.index_part2 .p2_right{width:680px;height:;position:absolute;top:0;right:0}
.p2_right .back,.p2_right .p1,.p2_right .text3,.p2_right_h3{position:absolute;display:none}
.index_part2 .p2_right .p2_right_h3{left:100px;top:60px;font-size:26px;height:68px;line-height:68px}
.index_part2 .p2_right .p1{left:100px;top:129px;font-size:16px;line-height:36px}
.index_part2 .p2_right .back{width:1px;height:114px;left:-69px;top:265px;background:url(../images/back.png) no-repeat left top}
.index_part2 .p2_right .text3{width:374px;height:93px;padding:34px 25px;left:85px;top:380px;background:url(../images/p2_btn.png) no-repeat center}
.index_part2 .p2_right .text3 p{font-size:20px;line-height:28px;padding-:10px 0}
.index_part3{position:relative;width:100%;height:780px;background-image:url(../images/wanshub_02.jpg);background-size:1920px 730px;background-repeat:no-repeat;background-position:center top}
.mar{width:555px;height:330px;margin:0 auto;position:relative}
.mar .imgA{
    width: 435px;
    margin: 65px 0 0 70px;
    height: 158px;
    display: block;
    float: left;
    background-position: 0px -240px;

}
.ppa{padding-top:230px}
.mar p{line-height:40px;text-align:center}
.mar .pp1{font-size:20px}
.mar .pp2{font-size:34px;padding-top:24px}

.last_download2{ height: 140px; width: 100%; background: #3b3d3d; position: relative;}
.last_download2 .wx-img{ width: 202px; height: 140px; float: left;}
.last_download2 h2{ font-size: 24px; color: #fff; float: left; margin: 50px 0px 0px 15px; font-weight: normal;}
.last_download2 .btn_box{ float: right; width: 450px; height: 60px; margin: 39px 0px 0px 0px;  }
.last_download2 .btn_box a { display:block; overflow: hidden; float: left;}
.last_download2 .btn_box a.btn1{ margin-right:20px; }
.tobe_part1{width:100%;height:580px;background:url(../images/zuozhezhaomobg.jpg) center no-repeat; min-width:1201px;}
.tobe_part2{width:100%;height:641px;min-width:1201px;}
.tobe_thebg{ background: url(../images/tobe_thebg.jpg) 398px 0 no-repeat; width:1201px; height:100px; }
.tobe_part2 .font_content{width:669px;color:#323232; float:left}
.tobe_part2 .font_content h1{font-size:26px; margin-top:80px;padding-:70px 0 20px; font-weight:normal}
.tobe_part2 .font_content p{font-size:16px; line-height:25px; margin-top:27px;padding-:16px 0}
.tobe_part2 .wspeitu{width:430px;height:641px;background:url(../images/imgbig2.jpg) no-repeat; float:right;}
.tobe_part3{width:100%;min-width:1201px; background:#e2e7ed; padding:68px 0 95px}
.tobe_part3 h1{font-size:26px; line-height:50px; margin-left:20px;font-weight:normal}
.tobe_part3 p{font-size:20px;color:#323232; line-height:36px;margin-left:20px;}
.tobe_part3 ul{width:1135px;height:auto;padding:53px 0 0px;}
.tobe_part3 ul li{position:relative;float:left;width:120px;margin-right:80px}
.tobe_part3 ul li.last{margin-right:0}
.tobe_part3 ul li div.icon{width:100px;height:100px;margin:0 auto;cursor:pointer;border-radius:10px}
.tobe_part3 ul li div.azbjq{background-position:-281px -491px}
.tobe_part3 ul li div.zczh{background-position:-387px -491px}
.tobe_part3 ul li div.cjzp{background-position:-493px -491px}
.tobe_part3 ul li div.fkxz{background-position:-597px -492px}
.tobe_part3 ul li div.tjsh{background-position:-598px -377px}
.tobe_part3 ul li div.zpsj{background-position:-493px -377px}
.tobe_part3 ul li:hover div.icon{box-shadow:0 0 10px 2px #FFF}
.tobe_part3 ul li span{position:absolute;display:block;width:79px;height:25px;background-position:-15px -98px;left:121px;top:38px}
.tobe_part3 ul li div.font{width:120px;color:#323232}
.tobe_part3 ul li div.font div.title{font-size:24px;text-align:center; line-height:56px; margin-top:15px;}
.tobe_part3 ul li div.font div.title p:nth-child(1){padding-top:10px}
.tobe_part3 ul li div.font div.desc{font-size:16px;line-height:26px}
.tobe_part4{width:100%;min-width:1201px;padding:77px 0 72px 0}
.tobe_part4 .cffsck{width:535px;height:492px;background:url(../images/imgbig3.jpg) no-repeat;float:left;margin-left:79px}
.tobe_part4 .font_content{width:500px; float:right;padding:50px 0;color:#323232}
.tobe_part4 .font_content h1{font-size:30px;margin-bottom:10px;font-weight:normal}
.tobe_part4 .font_content p{margin-top:10px;font-size:20px}
.tobe_part4 .font_content p span{display:block;color:#000;}
.font_con_sp01{font-size:26px; line-height:48px;}
.font_con_sp02{font-size:16px; line-height:34px;}
.tobe_part5{width:100%;height:891px;display:inline-block;background:url(../images/jianbianbg1.jpg) repeat-x;background-size:19px 1051px;padding:80px 0}
.tobe_part5 h1{font-size:38px;padding:0 0 10px}
.tobe_part5 .duanluo{margin-top:25px}
.tobe_part5 .duanluo .title{font-size:24px;padding:10px 0}
.tobe_part5 .duanluo p{font-size:20px;line-height:40px}
.tobe_part6{width:100%;min-width:1201px; background:#e2e7ed;}
.tobe_part6 h1{font-size:38px}
.tobe_part6 .btn_woydzz{position:absolute;top:0;right:110px;width:220px;height:70px;border-radius:16px;font-size:32px;color:#FFF;text-align:center;line-height:70px;background-color:#24C8E0;cursor:pointer}
.tobe_part6 ul{margin-top:40px;border-top:1px solid #CECECE}
.tobe_part6 ul li{height:80px;border-bottom:1px solid #CECECE;line-height:80px}
.tobe_part6 ul li dt{font-size:24px;float:left;width:150px;padding-left:10px}
.tobe_part6 ul li dd{float:left;width:470px;font-size:16px;color:#323232}
.tobe_part6 ul li.first{padding-left:160px}
.tobe_part6 ul li.first dt{width:470px;padding-left:0}
.tobe_part6_tab{ margin:77px auto; margin-bottom:0px;}
.tobe_part6_tab td{ height:60px; text-align:center; border:1px solid #dcdcdc; background:#fff; font-size:20px; color:#323232;}
.tobe_part6_tab .wid159{ width:159px;}
.tobe_part6_tab .wid509{ width:509px;}
.tobe_part6_tab .tobe_part6_td01{ font-size:26px; color:#24c8e0;}
.tobe_part6_tab .tobe_part6_td02{ font-size:22px; color:#323232;}
.tobe_part6_inp{ background:url(../images/zuozhe_but.png) 0 0 no-repeat; width:340px; height:83px; margin:40px auto; margin-bottom:74px; display:block}
#bg{display:none;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1001;-moz-opacity:.7;opacity:.7;filter:alpha(opacity=70);position:fixed}
#popdown{display:none;position:fixed;top:28%;left:30.8%;width:700px;height:420px;padding:8px;background-color:#fff;z-index:1999;overflow:auto;border-radius:5px}
#popdown p{padding:98px 0 40px 54px;font-size:24px}
#popdown dl{margin-left:100px}
#popdown dl dt{width:162px;height:162px;float:left;border:1px solid #CCC}
#popdown dl dt span{width:140px;height:140px;margin:10px auto;display:block}
#popdown dl dt span img{width:140px;height:140px}
#popdown dl dd{float:left;width:300px;height:150px;padding-left:40px}
#popdown dl dd a{display:block;width:300px;height:61px;border:2px solid #24c8e0;border-radius:5px;background-color:#fff}
#popdown dl dd a:hover{background:rgba(36,200,224,.2)!important}
#popdown dl dd a:first-child i{background:url(../images/icondown_07.png);width:32px;height:36px;display:block;float:left;margin:10px 0 0 75px}
#popdown dl dd a:first-child em{font-size:24px;color:#24c8e0;line-height:59px;margin-left:20px}
#popdown dl dd a:nth-child(2){margin-top:30px}
#popdown dl dd a:nth-child(2) i{background:url(../images/icon_03.png);width:32px;height:36px;display:block;float:left;margin:10px 0 0 75px}
#popdown dl dd a:nth-child(2) em{font-size:24px;color:#24c8e0;line-height:59px;margin-left:20px; }
.close{background:#CCC;color:#FFF;width:22px;height:22px;position:absolute;top:12px;right:15px;background:url(../images/close_03.png); cursor: pointer;}
.jijiang{position:fixed;background:#ccc;color:#000;font-size:22px;z-index:9999;text-align:center;width:200px;height:100px;top:56%;left:45%;border-radius:5px;line-height:100px;display:none}
/* animate */
#index_part1 .left_auto,#index_part1 .right_auto{ display: none;}
.animation1{
-webkit-animation:flip 1s .2s ease both;
-moz-animation:flip 1s .2s ease both;}

/*2016/6/23*/
.index_partx{ width:100%; background:url(../images/up20160721/dashu_20.png)repeat-x; height:640px; min-width:1021px;}
.index_pa_con{ width:1201px; margin:0 auto; overflow:hidden; position: relative; }
.index_para{ margin-top:287px; width:480px; text-align:center; color:#04434c; }
.index_x_tit{ font-size:26px; line-height:44px;}
.index_x_p1{ font-size:16px; line-height:36px;}
.index_x_p2{ font-size:30px; line-height:52px;}
.index_x_but{ background:url(../images/index_x_but.png) 0 0 no-repeat; width:300px; height:88px; margin:22px auto; margin-bottom:0px;}
.wid1201{ width:1201px; overflow:hidden;}
.font20{ font-size:20px;}
.mg0{ margin:0 auto;}
.tobe_part1_a{     width: 250px;
    height: 250px;
    display: block;
    margin: 153px 0 0 849px;}

.por{ position:relative}
/*end*/
@-webkit-keyframes flip{
0%{-webkit-transform:perspective(400px) rotateY(0);
-webkit-animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) scale(1);
-webkit-animation-timing-function:ease-in}
}
@-moz-keyframes flip{
0%{-moz-transform:perspective(400px) rotateY(0);
-moz-animation-timing-function:ease-out}
40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function:ease-out}
50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function:ease-in}
80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function:ease-in}
100%{-moz-transform:perspective(400px) scale(1);
-moz-animation-timing-function:ease-in}
}
.animation2{
-webkit-animation:flipInY 1s .2s ease both;
-moz-animation:flipInY 1s .2s ease both;}
@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@-moz-keyframes flipInY{
0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-10deg)}
70%{-moz-transform:perspective(400px) rotateY(10deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1}
}

.animation3{
-webkit-animation:flipInX 1s .2s ease both;
-moz-animation:flipInX 1s .2s ease both;}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1}
}
@-moz-keyframes flipInX{
0%{-moz-transform:perspective(400px) rotateX(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateX(-10deg)}
70%{-moz-transform:perspective(400px) rotateX(10deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg);
opacity:1}
}

.animation4{
-webkit-animation:rotateIn 1s .2s ease both;
-moz-animation:rotateIn 1s .2s ease both;}
@-webkit-keyframes rotateIn{
0%{-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0}
100%{-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1}
}
@-moz-keyframes rotateIn{
0%{-moz-transform-origin:center center;
-moz-transform:rotate(-200deg);
opacity:0}
100%{-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1}
}

.animation5{
-webkit-animation:swing 1s .2s ease both;
-moz-animation:swing 1s .2s ease both;}
@-webkit-keyframes swing{
20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
20%,40%,60%,80%,100%{-moz-transform-origin:top center}
20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0deg)}
}
.animation6{
-webkit-animation:bounceInLeft 1s .2s ease both;
-moz-animation:bounceInLeft 1s .2s ease both;}
@-webkit-keyframes bounceInLeft{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
60%{opacity:1;
-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
60%{opacity:1;
-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}
}
.animation7{
-webkit-animation:bounceInRight 1s .2s ease both;
-moz-animation:bounceInRight 1s .2s ease both;}
@-webkit-keyframes bounceInRight{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
60%{opacity:1;
-webkit-transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInRight{
0%{opacity:0;
-moz-transform:translateX(2000px)}
60%{opacity:1;
-moz-transform:translateX(-30px)}
80%{-moz-transform:translateX(10px)}
100%{-moz-transform:translateX(0)}
}