@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
body{ width:100%; height:100%;font: 16px/1.5 tahoma,arial,,宋体; }
ul,li{list-style:none;margin:0;padding:0;}
img{border:none;}
form{margin:0px;padding:0px;}
a{text-decoration:none;}
/* 首页*/

.in_img_bg{width: 100%; height:100%; background:url(../img/bg_index.jpg) no-repeat; background-size:100% 100%; overflow:hidden;}
.nav_top{background-color:#141414; width:100%; height:65px;}
.nav_top ul{ width:90%; margin:auto;}
.nav_top ul li{ float:left; margin-right:35px; margin-top:20px; position: relative;}
.nav_top ul li.search_top{ float:right;background:url(../img/search_bg.png) no-repeat;  width: 224px; height: 30px; padding: 0px 10px;}
.nav_top ul li.search_top input{border: none; width: 170px; height: 25px; border: none; text-align: left; margin-top: 2px;}
.nav_top ul li a{ font-size:16px; color:#FFF; font-weight:bold; float: left;}
.nav_top ul li ul{ position: absolute; width: 330px; top:0; left:0px; display:none; opacity: 0;}
.nav_top ul li ul li{float: left;margin-top:0px; margin-right: 15px;}
.nav_top ul li ul li a{ font-size: 16px; font-weight: normal;}
.nav_top ul li a:hover{color:#84ff00;}
.nav_top ul li a.active{color:#84ff00;}
.nav_top ul li a em{
display: inline-block;
width: 0;
height: 0;
margin-left: 4px;
vertical-align: middle;
border-top: 6px solid;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
font-weight: 500;
margin-top: -2px;
}
.degoff {
    -moz-animation:degoff 1s both;
    -webkit-animation:degoff 1s both;
    -o-animation:degoff 1s both;
    -ms-animation:degoff 1s both;
    animation:degoff 1s both;
}

.degno {
    -moz-animation:degno 1s both;
    -webkit-animation:degno 1s both;
    -o-animation:degno 1s both;
    -ms-animation:degno 1s both;
    animation:degno 1s both;
}

.link_go{ position: absolute; top: 0; left: 0;}
.link_go a{ width: 110px; height: 110px; display: block;  position: absolute; z-index: 2000;}
.link_go a.lv1{top:-45px; left: 120px;}
.link_go a.lv2{top:70px; left: -45px;}
.link_go a.lv3{ top: 250px; left: 10px;}
@-webkit-keyframes degoff {
    0% {-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(-90deg);}
}
@keyframes degoff {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(-90deg);}
}

@-webkit-keyframes degno {
    0% {-webkit-transform:rotate(-90deg);}
    100% {-webkit-transform:rotate(0deg);}
}
@keyframes degno {
    0% { transform:rotate(-90deg);}
    100% {transform:rotate(0deg);}
}


.nav_top ul li img{ margin-top:-15px;}

.p1_mian{display:table; width:100%; height:100%;}
.p1_left,.p1_right{display:table-cell; width:50%; height:100%; vertical-align: middle; overflow:hidden; text-align:center;}

.in_page1_zmt{position:relative; width:360px; height:360px; text-align:center; margin-top:-30px; margin-left:100px;}

.img_amt_y{
	-webkit-animation:1s ease-in-out 1.2s both;
	-moz-animation:1s ease-in-out 1.2s both;
	-o-animation:1s ease-in-out 1.2s both;
	-ms-animation:1s ease-in-out 1.2s both;
	animation:1s ease-in-out 1.2s both;
	}
.h_bt_y{
	-webkit-animation:1s;
	-moz-animation:1s;
	-o-animation:1s;
	-ms-animation:1s;
	animation:1s;
	}
.in_ms_img_p1{
	-webkit-animation:1s ease-in-out 3.5s both;
	-moz-animation:1s ease-in-out 3.5s both;
	-o-animation:1s ease-in-out 3.5s both;
	-ms-animation:1s ease-in-out 3.5s both;
	animation:1s ease-in-out 3.5s both;
	}
.in_ms_img_p2{
	-webkit-animation:1s ease-in-out 1s both;
	-moz-animation:1s ease-in-out 1s both;
	-o-animation:1s ease-in-out 1s both;
	-ms-animation:1s ease-in-out 1s both;
	animation:1s ease-in-out 1s both;
	}
	
	
.in_ms_img_p3{
	-webkit-animation:1s ease-in-out 5.4s both;
	-moz-animation:1s ease-in-out 5.4s both;
	-o-animation:1s ease-in-out 5.4s both;
	-ms-animation:1s ease-in-out 5.4s both;
	animation:1s ease-in-out 5.4s both;
	}

.in_animations_main{width:360px; height:360px; position:absolute; top:0; left:0;}
.animations_v1{
	-webkit-animation:orbit 1s ease-in-out 2.5s both;
	-moz-animation:orbit 1s ease-in-out 2.5s both;
	-o-animation:orbit 1s ease-in-out 2.5s both;
	-ms-animation:orbit 1s ease-in-out 2.5s both;
	animation:orbit 1s ease-in-out 2.5s both;
	}
.animations_v2{
	-webkit-animation:orbit 1s ease-in-out 2.6s both;
	-moz-animation:orbit 1s ease-in-out 2.6s both;
	-o-animation:orbit 1s ease-in-out 2.6s both;
	-ms-animation:orbit 1s ease-in-out 2.6s both;
	animation:orbit 1s ease-in-out 2.6s both;
	}
.animations_v3{
	-webkit-animation:orbit 1s ease-in-out 2.7s both;
	-moz-animation:orbit 1s ease-in-out 2.7s both;
	-o-animation:orbit 1s ease-in-out 2.7s both;
	-ms-animation:orbit 1s ease-in-out 2.7s both;
	animation:orbit 1s ease-in-out 2.7s both;
	}
.animations_v4{
	-webkit-animation:orbit 1s ease-in-out 2.8s both;
	-moz-animation:orbit 1s ease-in-out 2.8s both;
	-o-animation:orbit 1s ease-in-out 2.8s both;
	-ms-animation:orbit 1s ease-in-out 2.8s both;
	animation:orbit 1s ease-in-out 2.8s both;
	}
.animations_v5{
	-webkit-animation:orbit 1s ease-in-out 2.9s both;
	-moz-animation:orbit 1s ease-in-out 2.9s both;
	-o-animation:orbit 1s ease-in-out 2.9s both;
	-ms-animation:orbit 1s ease-in-out 2.9s both;
	animation:orbit 1s ease-in-out 2.9s both;
	}

.in_page1_zmt .set_1{ position:absolute; top:70px; left:-45px;}
.in_page1_zmt .set_2{ position:absolute; top:-45px; left:120px;}
.in_page1_zmt .set_3{ position:absolute; top:70px; left:290px;}
.in_page1_zmt .set_4{ position:absolute; top:250px; left:240px;}
.in_page1_zmt .set_5{ position:absolute; top:250px; left:10px;}

.in_page1_zmt .set_1 a,.in_page1_zmt .set_2 a,.in_page1_zmt .set_5 a{display: block;}




/* Safari 和 Chrome */
@-webkit-keyframes orbit { 
0% { -webkit-transform:rotate(0deg);opacity:0;} 
75%{ -webkit-transform:rotate(335deg);}
80%{ -webkit-transform:rotate(340deg);}
85%{ -webkit-transform:rotate(345deg);}
90%{ -webkit-transform:rotate(350deg);}
95%{ -webkit-transform:rotate(355deg);}
100% { -webkit-transform:rotate(360deg);} 
}
/* Firefox */
@-moz-keyframes orbit { 
0% { -moz-transform:rotate(0deg);opacity:0;} 
75%{ -moz-transform:rotate(335deg);opacity:1;}
80%{ -moz-transform:rotate(340deg);}
85%{ -moz-transform:rotate(345deg);}
90%{ -moz-transform:rotate(350deg);}
95%{ -moz-transform:rotate(355deg);}
100% { -moz-transform:rotate(360deg);} 
}
/* Opera */
@-o-keyframes orbit { 
0% { -o-transform:rotate(0deg);opacity:0;} 
75%{ -o-transform:rotate(335deg);opacity:1;}
80%{ -o-transform:rotate(340deg);}
85%{ -o-transform:rotate(345deg);}
90%{ -o-transform:rotate(350deg);}
95%{ -o-transform:rotate(355deg);}
100% { -o-transform:rotate(360deg);} 
}
/* IE 9 */
@-ms-keyframes orbit { 
0% { -ms-transform:rotate(0deg);opacity:0;} 
75%{ -ms-transform:rotate(335deg);opacity:1;}
80%{ -ms-transform:rotate(340deg);}
85%{ -ms-transform:rotate(345deg);}
90%{ -ms-transform:rotate(350deg);}
95%{ -ms-transform:rotate(355deg);}
100% { -ms-transform:rotate(360deg);} 
}


@keyframes orbit { 
0% {transform:rotate(0deg);opacity:0;} 
75%{transform:rotate(335deg);opacity:1;}
80%{transform:rotate(340deg);}
85%{transform:rotate(345deg);}
90%{transform:rotate(350deg);}
95%{transform:rotate(355deg);}
100% {transform:rotate(360deg);} 
}

.animations2{position:absolute; top:80px; left:80px;}

.animations2{
	opacity:0;
	-moz-animation:animations2 0.8s ease-in-out 1s both;
	-webkit-animation:animations2 0.8s ease-in-out 1s both;
	-o-animation:animations2 0.8s ease-in-out 1s both;
	-ms-animation:animations2 0.8s ease-in-out 1s both;
	animation:animations2 0.8s ease-in-out 1s both;
	}	

/*.p1_tt{position:relative; left:10%; margin-top:-50px;}*/
.p1_tt span{font-size:32px;}
.p1_tt dd{ font-size:18px; color:#FFF; padding:15px 0px; /*width:550px;*/}
.p1_tt dd.text_in_p1{font-size:32px; color:#FFF;}
.p1_tt dd.text_in_p1 span{ font-size:50px; color:#84ff00; padding-right:10px;}
.p1_tt dd span{ font-size:50px;}
.p1_tt dd ul.foucu_img li{/*float:left; */display:inline-block; text-align:center; margin-left: 55px;}
.p1_tt dd ul.foucu_img li h1{ font-weight:normal; font-size:18px;}





.animations3{
	-moz-animation:animations3 1s ease-in-out 1s both;
	-moz-transform:translate(0);
	-webkit-animation:animations3 1s ease-in-out 1s both;
	-webkit-transform:translate(0);
	-o-animation:animations3 1s ease-in-out 1s both;
	-o-transform:translate(0);
	-ms-animation:animations3 1s ease-in-out 1s both;
	-ms-transform:translate(0);
	transform:translate(0);
	animation:animations3 1s ease-in-out 1s both;
    bor
	}


.animations4{
	opacity:0;
	-moz-animation:animations4 1s ease-in-out 1s both;
	-moz-transform:translate(0);
	-webkit-animation:animations4 1s ease-in-out 1s both;
	-webkit-transform:translate(0);
	-o-animation:animations4 1s ease-in-out 1s both;
	-o-transform:translate(0);
	-ms-animation:animations4 1s ease-in-out 1s both;
	-ms-transform:translate(0);
	transform:translate(0);
	animation:animations4 1s ease-in-out 1s both;
	}

.animations5{
	-moz-animation:animations5 2s;
	-moz-transform:translate(0);
	-webkit-animation:animations5 2s;
	-webkit-transform:translate(0);
	-o-animation:animations5 2s;
	-o-transform:translate(0);
	-ms-animation:animations5 2s;
	-ms-transform:translate(0);
	animation:animations5 2s;
	transform:translate(0);
	}

.page2_a{background:url(../img/page_bg.png) repeat; width:100%; height:100%; display: table;}
.page2_a .p2_left{ width:50%; display: table-cell; text-align: center; vertical-align: middle;}
.page2_a .p2_left .left_p2 dd{padding:15px 0px; color:#000; font-size:24px;}
.page2_a .p2_left .left_p2 h1{ font-size:36px; color:#000;}
.page2_a .p2_left .left_p2 li{ display:inline-block; margin-right:15px;}
.page2_a .p2_left .left_p2 li img{ border:3px solid #fff;}
.page2_a .p2_right{width:50%; display: table-cell; vertical-align: middle; text-align: center;}

.page2_a .p2_left .left_p2{ margin-left: 15%; text-align: left;}


.page3_a{ background:url(../img/page_bg.png) repeat; width:100%; height:100%;}
.page3_a .p3_right{ display:table-cell; width:50%; height:100%; vertical-align: middle; overflow:hidden;}
.page3_a .p3_right .pa_main{ margin-right:20px;}
.page3_a .p3_right .pa_main dd{padding:15px 0px; color:#000; font-size:24px;}
.page3_a .p3_right .pa_main h1{ font-size:36px; color:#000; display: inline-block; margin-right: 15px;}
.page3_a .p3_right .pa_main dt a{ color: #336cb2; font-size: 18px; line-height: 55px; display: inline-block;}

.page3_a .p3_right .pa_main li{float:left; margin-right:3%; width:30%;}
.page3_a .p3_right .pa_main li img{ border:3px solid #fff; width:100%; height: 150px;}

.page3_a .p3_left{display:table-cell; width:50%; height:100%;vertical-align: middle;}
.page3_a .p3_left div{text-align:center; line-height:50px; font-size:32px; color:#fff;}


.page3_a .p3_left_m{/* width:80%; height:80%; left:8%;*/position:relative; margin: auto; width: 550px; height: 550px;}
.page3_a .line_d{width:500px; height:500px; border:3px dashed #ca4282; position:absolute; top:0; left:0;border-radius:50%; padding:15px;}
.page3_a .p3_main_box{background-color:#ca4282; overflow:hidden; width:100%; height:100%;border-radius:50%;}
.page3_a .zmt_pp3{ display:table; width:100%; height:100%;}
.page3_a .zmt_pp3 div{vertical-align:middle;}


@media screen and (min-width: 100px) and (max-width: 1200px) {
.line_d{width:350px; height:350px;border-radius:50%; border:3px dashed #ca4282; position:absolute; top:0; left:0;}
.p3_main_box{border-radius:50%;background-color:#ca4282; width:100%; height:100%; overflow:hidden;border-radius:50%;}
}

.hidev{display:none!important;}
.showcell{display:table-cell;}

#ci{
    height: 500px;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 0;
    width: 500px;
	text-align:center;
}

.page4_a{background:url(../img/page_bg.png) repeat; width:100%; height:100%;}
.page4_a .p4_left,.page4_a .p4_right{display:table-cell; width:50%; height:100%; vertical-align: middle; overflow:hidden;}

.page4_a .pa_main{ margin-left:15%; width: 100%;}
.page4_a .pa_main dd{padding:15px 0px; color:#000; font-size:24px;}
.page4_a .pa_main h1{font-size:36px; color:#000; display: inline-block; margin-right: 15px;}
.page4_a .pa_main dt a{ color: #336cb2; font-size: 18px; line-height: 55px; display: inline-block;}
.page4_a .pa_main ul{ width: 100%;}
.page4_a .pa_main li{display: inline-block; margin-right:3%; width:25%;}
.page4_a .pa_main li img{ border:3px solid #fff; width:100%;}


.page4_a .p4_left_m{ /*width:80%; height:80%; left:8%; */position:relative; margin: auto; width: 550px; height: 550px;}
.page4_a .line_d{width:500px; height:500px; border:3px dashed #428bca; position:absolute; top:0; left:0;border-radius:50%; padding:15px;}
.page4_a .p4_main_box{background-color:#428bca; overflow:hidden; width:100%; height:100%;border-radius:50%;}
.page4_a .zmt_pp3{ display:table; width:100%; height:100%; text-align:center; line-height:50px; font-size:32px; color:#fff;}
.page4_a .zmt_pp3 div{vertical-align:middle; display:table-cell;}

.twisterInDown {
    animation-name: twisterInDown;
	-webkit-animation-name: twisterInDown;
}


@-moz-keyframes twisterInDown {
0% {
    opacity: 0;
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform-origin: 0 100% 0;
}
30% {
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform-origin: 0 100% 0;
}
100% {
    opacity: 1;
    transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform-origin: 100% 100% 0;
}
}

@-webkit-keyframes twisterInDown {
0% {
    opacity: 0;
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform-origin: 0 100% 0;
}
30% {
    transform: scale(0, 0) rotate(360deg) translateY(-100%);
    transform-origin: 0 100% 0;
}
100% {
    opacity: 1;
    transform: scale(1, 1) rotate(0deg) translateY(0%);
    transform-origin: 100% 100% 0;
}
}



.page5_a{background:url(../img/page_bg.png) repeat; width:100%; height:100%;}
.page5_a .p5_left,.page5_a .p5_right{display:table-cell; width:50%; height:100%; vertical-align: middle; overflow:hidden; text-align:center;}

.page5_a .pa_main{ margin-right:20px; text-align:left;}
.page5_a .pa_main dd{padding:15px 0px; color:#000; font-size:24px;}
.page5_a .pa_main h1{ font-size:36px; color:#000; display: inline-block; margin-right: 15px;}
.page5_a .pa_main dt a{ color: #336cb2; font-size: 18px; line-height: 55px; display: inline-block;}

.page5_a .pa_main li{display: inline-block; margin-right:3%; width:30%;}
.page5_a .pa_main li img{ border:3px solid #fff; width:100%; height: 150px;}

.page5_a .p5_left_m{/* width:80%; height:80%; left:8%; */ position:relative; margin: auto; width: 550px; height: 550px;}
.page5_a .line_d{width:500px; height:500px; border:3px dashed #45ca42; position:absolute; top:0; left:0;border-radius:50%; padding:15px;}
.page5_a .p5_main_box{background-color:#45ca42; overflow:hidden; width:100%; height:100%;border-radius:50%;}
.page5_a .zmt_pp3{ display:table; width:100%; height:100%; text-align:center; line-height:50px; font-size:32px; color:#fff;}
.page5_a .zmt_pp3 div{vertical-align:middle; display:table-cell;}



.page6_a{background:url(../img/page_bg.png) repeat; width:100%; height:100%;}
.page6_a .p6_left,.page6_a .p6_right{display:table-cell; width:50%; height:100%; vertical-align: middle; overflow:hidden;}

.page6_a .pa_main{ margin-left:15%; width: 100%;}
.page6_a .pa_main dd{padding:15px 0px; color:#000; font-size:24px;}
.page6_a .pa_main h1{ font-size:36px; color:#000;}
.page6_a .pa_main li{display: inline-block;  margin-right:3%; width:25%;}
.page6_a .pa_main li img{ border:3px solid #fff; width:100%; height: 150px;}

.page6_a .p6_left_m{ /*width:80%; height:80%; left:8%;*/ position:relative;margin: auto; width: 550px; height: 550px;}
.page6_a .line_d{width:500px; height:500px; border:3px dashed #9c42ca; position:absolute; top:0; left:0;border-radius:50%; padding:15px;}
.page6_a .p6_main_box{background-color:#9c42ca; overflow:hidden; width:100%; height:100%;border-radius:50%;}
.page6_a .zmt_pp3{ display:table; width:100%; height:100%; text-align:center; line-height:50px; font-size:32px; color:#fff;}
.page6_a .zmt_pp3 div{vertical-align:middle; display:table-cell;}


.page7_a{background:url(../img/page_bg.png) repeat; width:100%; height:100%;}
.page7_a .va_middel{ width: 90%; height: 600px; display:table; margin: auto;}

.page7_a .va_middel .p7_al{ height:150px;  padding:10px;vertical-align: middle; display: table-cell;}
.page7_a .va_middel .p7_al ul{display:table; width:100%; height:100px;}
.page7_a .va_middel .p7_al h1{ font-size:28px; color:#000; border-bottom:1px solid #555; padding-bottom: 15px; }
.page7_a .va_middel .p7_al li{margin-right:10px; display:table-cell; text-align:center; vertical-align:middle; width:25%;}
.page7_a .va_middel .p7_al ul h1{font-size: 18px;border-bottom:none; color: #007ecf;}

/*.page7_a .p7_al li img{ border:1px solid #ccc; padding:8px 35px; background-color: #fff;}*/

.footer{ width:100%; margin-top:20px; padding-top:10px; background-color:#000; height: 200px;  overflow:hidden; zoom:1;}
.footer dt{ font-size:24px; font-weight:bold; color:#fff;}
.footer dd,.footer dd a{ color:#fff; line-height: 28px;}
.footer dd a:hover{ text-decoration:underline; color:#0C0;}
.footer ul{ overflow: hidden;zoom:1; width: 1000px; margin: auto;}
.footer ul.box li{ float:left; width:330px; font-size:14px; }
.footer ul.box li dl{ width: 80%; float: right;}
.footer dd a{ display: inline-block; margin-right: 10px;}
.footer dd span{ display: none;}



.p4amt {-webkit-animation:p4amt 1s ease 0s alternate none infinite;}
.p4amt {-moz-animation:p4amt 1s ease 0s alternate none infinite;}
.p4amt {animation:p4amt 1s ease 0s alternate none infinite;}
@-webkit-keyframes p4amt { from{text-shadow:0 0 white; } to{text-shadow:0 0 rgba(255,255,255,0), -45px -45px 0 red, -30px -30px 0 orange, -15px -15px 0 yellow, 0 0 0 green, 15px 15px 0 blue, 30px 30px 0 indigo, 45px 45px 0 violet; } }
@-moz-keyframes p4amt { from{text-shadow:0 0 white; } to{text-shadow:0 0 rgba(255,255,255,0), -45px -45px 0 red, -30px -30px 0 orange, -15px -15px 0 yellow, 0 0 0 green, 15px 15px 0 blue, 30px 30px 0 indigo, 45px 45px 0 violet; } }
@keyframes p4amt { from{text-shadow:0 0 white; } to{text-shadow:0 0 rgba(255,255,255,0), -45px -45px 0 red, -30px -30px 0 orange, -15px -15px 0 yellow, 0 0 0 green, 15px 15px 0 blue, 30px 30px 0 indigo, 45px 45px 0 violet; } }


.p5amt {-webkit-animation:p5amt 1s ease 0s;}
.p5amt {-moz-animation:p5amt 1s ease 0s;}
.p5amt {animation:p5amt 1s ease 0s;}

@-webkit-keyframes p5amt {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}


@keyframes p5amt {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}


.p6amt {
    -webkit-animation:p6amt 2s ease 0s , p6amt2 12s ease-out 2s , p6amt1 1s ease 13s;
    -o-animation:p6amt 2s ease 0s,p6amt2 12s ease-out 2s,p6amt1 1s ease 13s;
    -moz-animation:p6amt 2s ease 0s,p6amt2 12s ease-out 2s,p6amt1 1s ease 13s;
    animation:p6amt 2s ease 0s,p6amt2 12s ease-out 2s,p6amt1 1s ease 13s;
    -opacity:0;
}

@-webkit-keyframes p6amt {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0,0);
            transform: rotate(0deg) scale(0,0);
  }


  50% {
    opacity: 0.5;
    -webkit-transform: rotate(-180deg) scale(0.5,0.5);
            transform: rotate(-180deg) scale(0.5,0.5);
  }


  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg) scale(1,1);
            transform: rotate(360deg) scale(1,1);
  }
}

@keyframes p6amt {
    0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.5,0.5);
            transform: rotate(0deg) scale(0.5,0.5);
  }


  50% {
    opacity: 0.5;
    -webkit-transform: rotate(-180deg) scale(0.7,0.7);
            transform: rotate(-180deg) scale(0.7,0.7);
  }


  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg) scale(1,1);
            transform: rotate(360deg) scale(1,1);
  }
}


@-webkit-keyframes p6amt1{
  0% {
    opacity: 1;
    -webkit-transform: scale(1,1) rotate(0deg);
            transform: scale(1,1) rotate(0deg);
  }


  100% {
    opacity: 0;
    -webkit-transform: scale(0.1,0.1) rotate(360deg);
            transform: scale(0.1,0.1) rotate(360deg);
  }
}

@keyframes p6amt1{
    0% {
        opacity: 1;
        -webkit-transform: scale(1,1) rotate(0deg);
        transform: scale(1,1) rotate(0deg);
    }


    100% {
        opacity: 0;
        -webkit-transform: scale(0.1,0.1) rotate(360deg);
        transform: scale(0.1,0.1) rotate(360deg);
    }
}


@-webkit-keyframes p6amt2{
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }


  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes p6amt2{
    0% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }


    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.p6zmt_ico{-webkit-animation:p6ico 2s ease 0s,p6ico2 1s ease-out 13s;animation:p6ico 2s ease 0s,p6ico2 1s ease-out 13s; position:absolute; left:38%; top:30%;}

@-webkit-keyframes p6ico{
  0% {
    opacity: 0;
    -webkit-transform: scale(0,0);
            transform: scale(0,0);
  }


  100% {
    opacity: 1;
    -webkit-transform: scale(1,1);
            transform: scale(1,1);
  }
}


@keyframes p6ico{
    0% {
        opacity: 0;
        -webkit-transform: scale(0,0);
        transform: scale(0,0);
    }


    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }
}

@-webkit-keyframes p6ico2{
  0% {
    opacity: 1;
    -webkit-transform: scale(1,1);
            transform: scale(1,1);
  }


  100% {
    opacity: 0;
    -webkit-transform: scale(0,0);
            transform: scale(0,0);
  }
}

@keyframes p6ico2{
    0% {
        opacity: 1;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }


    100% {
        opacity: 0;
        -webkit-transform: scale(0,0);
        transform: scale(0,0);
    }
}

/*introduction*/

.intro_banner{ height: 371px; width: 100%; background: url(../img/introdu_bg.jpg) no-repeat center;}
.baner_main{ width: 1000px; height: 100%; display: table; margin: auto;}
.baner_left,.baner_right{display: table-cell; width: 50%; height: 100%; vertical-align: middle;}
.baner_left{ color: #fff;}
.baner_left dl{ width: 90%;}
.baner_left dt{ font-size: 48px;}
.baner_left dd{padding: 10px 0px; font-size: 16px;  line-height: 28px;}

.box_1200{width: 1000px; margin:auto; overflow: hidden;zoom:1; position: relative;}
.int_row_p1{ overflow: hidden; margin-top: 20px;}
.int_row_p1 li{width:200px; float:left;}
.int_row_p1 li dl{width: 90%; }
.int_row_p1 li dl dt{font-weight: bold;}
.int_row_p1 li dl dt span{ padding-right: 10px; font-size: 22px;}
.int_row_p1 li dl dt span.v1{color: #336cb2;}
.int_row_p1 li dl dt span.v2{color: #12a004;}
.int_row_p1 li dl dt span.v3{color: #d86910;}
.int_row_p1 li dl dt span.v4{color: #0aa470;}
.int_row_p1 li dl dt span.v5{color: #b20acb;}
.int_row_p1 li dl dd{ width:214px; height:97px;font-size: 14px; margin-top: 10px; display: table-cell;background-color: #ebebeb; border-radius: 10px;
    padding: 20px 15px 0px 15px;}


.int_row_p2{margin-top: 20px; overflow: hidden;}
.int_row_p2 h1{font-size: 32px;border-bottom: 1px solid #555; padding:10px 0px ;}
.int_row_p2 dl{ width: 500px; height: 100px; float: left; margin-top: 20px;}
.int_row_p2 dl dt{text-align: center; float:left; vertical-align: middle; width: 90px; margin-right: 20px;}
.int_row_p2 dl dd span{ font-size: 22px; font-weight: bold;}
.int_row_p2 dl dd { margin-bottom: 15px;}

.int_row_p4{margin-top: 20px; overflow: hidden;}
.int_row_p4 h1{font-size: 32px;border-bottom: 1px solid #555; padding:10px 0px ;}
.int_row_p4 dl{ width: 250px;  float: left; margin-top: 20px;}
.int_row_p4 dl dt{font-size: 22px; padding-bottom: 15px;}
.int_row_p4 dl dd {font-size: 16px;/*background: url(../img/com_list.png)no-repeat 0 12px;*/ padding:8px 0px 8px 15px;}



/*download*/
.down_banner{height: 371px; width: 100%; background: url(../img/download_banner.jpg) no-repeat center;}

.down_baner_left,.down_baner_right{display: table-cell; width: 50%; height: 100%; vertical-align: middle;}
.down_baner_left{ color: #fff;}
.down_baner_left dl{ width: 90%; text-align:center;}
.down_baner_left dt{ font-size: 48px; color:#00cbdd;}
.down_baner_left dd{padding: 20px 0px; font-size: 18px;  line-height: 28px;}
.down_baner_left dd span{font-size: 24px;}

.down_baner_right li{text-align:center; padding-top: 10px; display: table; }
.down_baner_right li a{margin-right: 10px; display:block; }

.agreement{ margin-top:20px; border-top:1px solid #555; padding-top: 15px;}
.agreement dt{ font-size: 24px;}

.log{ margin-top: 20px; }
.log h1{font-size: 24px; margin: 15px 0px;}
.log dl{ border-top: 1px dashed #555; padding-top: 15px;}
.log dt{font-size: 18px; font-weight: bold;}
.log dd{ padding: 15px 0px;}

.down_baner_right a.go_down{ width: 334px; height: 80px; background: url("../img/go_down.png") no-repeat; display: table-cell; vertical-align: middle; padding-left: 35px; color: #000000;}
.down_baner_right a.go_down:hover{ color: #d86910;}
.down_baner_right a.apple_dowm:hover{ color:#84ff00;}
.down_baner_right a.win_dowm:hover{ color: #00ffcc;}
.down_baner_right a.go_down span{ font-size: 28px;}
.down_baner_right a.win_dowm{ width: 120px; height: 56px; background: url("../img/win_down2.png")no-repeat; display: table-cell; vertical-align: middle; color: #fff; text-align: left; font-size: 10px; padding-left: 50px;}
.down_baner_right a.apple_dowm{ width: 109px; height: 55px; background: url("../img/apple_down2.png") no-repeat; display: table-cell; vertical-align: middle;color: #fff; text-align: left; font-size: 10px; padding-left: 50px;}
.about_topclor{ width: 100%; background-color: #007ecf; text-align:center;}
.about_left{width:209px; border-right:1px solid #555;float:left; margin-top: 10px; padding-bottom:100000px;margin-bottom:-100000px;}
.about_left li{ border-bottom: 1px solid #ccc; text-align: center;}
.about_left li a{ display: block; padding: 15px 0px; color: #555; }
.about_left li a:hover{text-decoration: underline;}
.about_left li a.active{ margin-right: -1px; border-right: 5px solid #007ecf; color: #007ecf; font-weight:bold;}
.about_right,.con_info{width:770px;float: left; margin-top: 10px; padding-left:20px;padding-bottom:100000px;margin-bottom:-100000px;min-height: 300px;}
.ab_main_box{overflow: hidden;zoom:1;}
.ab_main_box h1{ border-bottom: 1px solid #555; padding: 10px; font-size: 24px; margin-bottom: 15px;}
.ab_main_box li{float:left; margin-left: 60px; display: inline;text-align:center; margin-right: 45px; margin-bottom: 30px;}
.ab_main_box li dt{ overflow:hidden; width:150px; height:150px;border-radius: 50%; }
.ab_main_box li dt img{border-radius: 50%; padding: 5px; border: 1px solid #ccc; width: 130px; height: 130px;}
.ab_main_box li dd{margin-top: 10px;}
.ab_main_box li dd span{ font-size: 28px; color: #428bca;}
.ab_main_box h2{ clear: both; padding-left: 15px; font-size: 22px; margin-bottom: 20px;}



.ab_news_list h1{ border-bottom: 1px solid #555; padding: 10px; font-size: 24px;}
.ab_news_list ul{margin-left:150px; border-left:1px solid #ccc; padding-bottom: 35px; min-height: 300px; }
.ab_news_list ul li{padding: 15px 0px; margin-left: -134px;}
.ab_news_list ul li span{ padding-left: 20px; display: inline-block; vertical-align: middle; padding-right: 20px; color: #888;}
.ab_news_list ul li em{border-radius: 50%; width: 20px; height: 20px; background-color: #007ecf; display: inline-block; vertical-align: middle;}
.ab_news_list ul li a{ padding-left: 20px; color: #428bca;}
.ab_news_list ul li a:hover{ text-decoration:underline;}

.news_main dl{ margin-top: 20px;}
.news_main dt{font-size: 22px; font-weight: bold; border-bottom: 1px dashed #555; text-align: center; margin: 20px 0px; padding: 10px 0px;}
.news_main dd{text-indent: 2em; line-height: 30px;}
.con_info{position: absolute; left: 220px; background-color: #fff;}


.table_dowm th{text-align: left;padding: 5px;}
.table_dowm table{ border-top: 1px dashed #555; padding-top: 15px; margin-bottom: 50px;}
.table_dowm td{ padding: 5px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.show_imgbc{ position: fixed; z-index: 1000; width: 100%; height: 100%; display: table;}
.open_bg{background-color: #000; opacity: 0.8; z-index: 1001; width: 100%; height: 100%; position: absolute;}
.show_img{text-align: center; z-index: 1100; margin: auto; width: 100%; height: 100%; vertical-align: middle; display: table-cell;}
.show_imgbox{padding: 15px; background-color: #000; opacity: 1; position: relative;margin: auto; z-index: 1200; display: inline-table;}
.show_imgbox img{}
.show_imgbox b{width: 30px; height: 30px; font-size: 18px; color: #fff; background-color: #333; border-radius: 50%; text-align: center; position: absolute;right: -5px; top: -5px; cursor:pointer;}